Angular Material mat-chip validation

Question

How do I validate if the user has selected a chip in the mat-chip-list and also only when the user selects a chip form should become valid. Right now I have the validators.required set on the control, but it doesn't work. This is what I have done so far:

---

HTML

<mat-chip-list formControlName="packageName">
   <mat-chip *ngFor="let pkg of packages" selected="true" style="background-color:#8d6e63">
        {{pkg.value}}
   </mat-chip>
</mat-chip-list>

---

TS

ngOnInit() {
  this.form = new FormGroup({
    'packageName': new FormControl('', Validators.required),
})

Answer 1

You could use form.status to get the form status VALID or INVALID or form.controls.packageName.errors to get an array of the formControl errors or null if no errors.

Here is a running example using your code.