绑定Mat-Button-Toggle v绑定Mat-Slide-Toggle

Question

这怎么正常工作。 I.E isPrint在单击幻灯片切换器时显示为true或false

<div>
 <mat-slide-toggle [(ngModel)]="isPrint" #toggleSlide></mat-slide- 
 toggle>
isPrint: {{ isPrint }}
</div>

但这不起作用，并显示错误ERROR错误：具有未指定名称属性的表单控件没有值访问器

<div>
  <mat-button-toggle [(ngModel)]="isPrint" #toggleBtn>Toggle</mat-button-toggle>
  isPrint: {{ isPrint }}
</div>

我做错了什么？

Answer 1

检查 WORKING STACKBLITZ

MatButtonToggle component doesn't implement ControlValueAccessor， 因此，不能在其上使用[(ngModel)]。

MatButtonToggle应该是mat-button-toggle-group 的一部分。

但是，如果要将其用作独立组件并绑定模型，则必须执行以下操作：〜

<mat-button-toggle 
    [checked]="isPrint" 
    (change)="isPrint = $event.source.checked">
    Toggle
</mat-button-toggle>