在带有formControl的复选框中不确定

时间:2019-05-30 09:29:07

标签: html angular-material angular6 angular-reactive-forms

我一直在尝试使用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表单本身来实现它。

0 个答案:

没有答案