我一直在尝试使用Mat-checkbox使用Mat-Select来实现“全选”选项,以获取不确定的选项以及反应形式。 这是参考链接:https://stackblitz.com/edit/angular-material-select-all?file=src%2Fapp%2Fselect-check-all.component.ts
在ts中:
@Input() model: NgModel;
@Input() values = [];
isIndeterminate(): boolean {
return this.model.value && this.values.length && this.model.value.length
&& this.model.value.length < this.values.length;
}
和html:
<mat-checkbox class="mat-option"
[indeterminate]="isIndeterminate()"
[checked]="isChecked()"
(click)="$event.stopPropagation()"
(change)="toggleSelection($event)">
{{text}}
</mat-checkbox>
我尝试使用反应性表单来完成此操作,但是由于它开始出现与值绑定有关的错误,因此无法实现它。我想使用Reactive表单本身来实现它。