Angular Material MatChipList - how to use it on a Dynamic FormArray?

Question

StackBlitz

Here is my FormArray (variants):

this.productGroup = this.fb.group({
    name: \'\',
    variants: this.fb.array([
      this.fb.group({
             


        

Answer 1

try to make the formGroup as a new component and input formGroup to it(not formGroupName).

  
  

     Add Variants 
     Remove Variants 
  

varient component.html

 

    
      
    
 
 

    
      
        
          {{opt}}
          cancel
        
        
      
    
  

in varient.component.ts

@Input()varientGroup: FormGroup