角材料垫片验证

Question

如何验证用户是否在中选择了chip，mat-chip-list并且仅当用户选择chip表单时才有效。现在，我validators.required在控件上有设置，但是它不起作用。到目前为止，这是我所做的：

---

的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

您可以form.status用来获取表单状态为VALID或INVALID，或者form.controls.packageName.errors获取formControl错误的数组；如果没有错误，则为null。

这是一个使用您的代码的运行示例。