Angular material 物料切换组的包装组件（角度7）

我正在尝试为材质按钮切换组创建包装器组件。我应该为它添加很多自定义样式，所以在组件中这样做是有意义的，这样我以后就可以导入这个组件，而不是每次都这样做。然而，我遇到了一个障碍。只能单击按钮一次，然后将永远选中该按钮。此外，可以同时检查所有按钮。我想知道的是：

• 选择选项后，如何更改所选按钮
• 如何使用数据集中的布尔值将其中一个按钮设置为默认选中
• 此外，如何将其限制为一次只能选择一个选项？我尝试将“multiple”参数设置为false，但这似乎不起作用

我已经在Stackblitz中提供了我目前所拥有的内容-由于某些原因，这没有正确加载材料主题，但您仍然可以看到问题以及我目前所拥有的内容：

---

一个

mat按钮切换组

是由多个按钮组成的一组。。。因为您的循环位于

mat button toggle group

上，所以您创建了两个组，每个组包含一个按钮

从

mat按钮切换组中删除循环

<mat-button-toggle-group (change)="optionSelected($event)" multiple="false" [name]="label">

请注意：一旦您的选项在单个组中，一次只能选择一个。。。一旦选择，您就无法取消选择。。。如果需要取消选择的功能，则需要以编程方式执行此操作

Stackblitz

---

感谢您的快速回复和帮助！您指出的错误循环是导致问题的原因。现在一切都很顺利！：）

<mat-button-toggle i18n="{{option.i18n}}" [value]="option.value" [checked]="option.value" *ngFor="let option of options" style="margin-left:15%">{{option.displayValue}}</mat-button-toggle>