看看这个Plunker：https ://plnkr.co/edit/yu95hUrKlUh4Ttc5SwYD ? p = preview
使用时<mat-slide-toggle>，我可以修改组件中的值：
<mat-slide-toggle [(ngModel)]="myFlagForSlideToggle">Toggle me!</mat-slide-toggle>
myFlagForSlideToggle 已按预期更新。
但是，当我使用时<mat-button-toggle>，值不会更新。我不得不添加ngDefaultControl甚至使该示例正常工作，但是我不确定它的重要性。
<mat-button-toggle [(ngModel)]="myFlagForButtonToggle" ngDefaultControl>Toggle me!</mat-button-toggle>
将按钮状态绑定到组件的正确方法是什么？
MatButtonToggle组件未实现，ControlValueAccessor因此无法ngModel在其上使用。ngDefaultControl被引入其他目的。
MatButtonToggle应该是的一部分mat-button-toggle-group。但是，如果您想将其用作独立组件并将模型绑定至此，则可以使用以下示例：
<mat-button-toggle
[checked]="myFlagForButtonToggle"
(change)="myFlagForButtonToggle = $event.source.checked">
Toggle me!
</mat-button-toggle>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句