<form [formGroup]="form" novalidate>

    <mat-form-field class="full-width">
        <mat-chip-list #chipList>
            <mat-chip *ngFor="let requirement of form.get('requirements').controls; let i = index;" [selectable]="selectable"
                [removable]="removable" (remove)="remove(i)">
                {{requirement.value}}
                <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
            </mat-chip>
            <input placeholder="New Requirement..."
                   [matChipInputFor]="chipList"
                   [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
                   [matChipInputAddOnBlur]="addOnBlur"
                   (matChipInputTokenEnd)="add($event)" />
        </mat-chip-list>
    </mat-form-field>


    <pre>{{form.value | json}}</pre>

</form>