title: how to send mat-chip-list in form
body: <p>How to send mat-chip-list inside a form .Even though elements are there still my submit button is disabled.So How Can I send my tag array.please help!</p>
  
  <p>here is my form <a href="https://i.stack.imgur.com/GjJTW.png" rel="nofollow noreferrer">form</a></p>
  
  <p>below is my code that I've done so far.</p>
  
  <pre><code>&lt;mat-form-field class="example-chip-list"&gt;
            &lt;mat-chip-list #chipList&gt;
              &lt;mat-chip
                *ngFor="let tag of Tags"
                [selectable]="selectable"
                [removable]="removable"
                (removed)="remove(tag)"&gt;
                {{tag}}
                &lt;mat-icon matChipRemove *ngIf="removable"&gt;cancel&lt;/mat-icon&gt;
              &lt;/mat-chip&gt;
              &lt;input
                placeholder="tags"
                [formControl]="tagsSet"
                [matChipInputFor]="chipList"
                [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
                [matChipInputAddOnBlur]="addOnBlur"
                (matChipInputTokenEnd)="add($event)"&gt;
        &lt;/mat-chip-list&gt;
          &lt;/mat-form-field&gt;
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>     removable = true;
    addOnBlur = false;
    separatorKeysCodes: number[] = [ENTER, COMMA];
    Tags: string[] = [];
  this.testSuiteForm = new FormGroup({
       
       tagsSet: new FormControl(null, [Validators.required]), 
      });
  add(event: MatChipInputEvent): void {
      const input = event.input;
      const value = event.value;
      // Add our tag
      if ((value || '').trim()) {
        this.Tags.push(value.trim());
      }
  // Reset the input value
      if (input) {
        input.value = '';
      }
      this.tagsSet.setValue(null);
    }
    remove(Tags: string): void {
      const index = this.Tags.indexOf(Tags);
      if (index &gt;= 0) {
        this.Tags.splice(index, 1);
      }
    }
  
    get tagsSet() {
      return &lt;FormArray&gt;this.testSuiteForm.get('tagsSet');
    }</code></pre>
  </div>
  </div>
  </p>