Angular 角垫按钮切换组倍数=真，垫按钮切换奇数

我对mat按钮切换有一个非常奇怪的问题。我有以下代码：

<mat-button-toggle-group formControlName="fcCWShowForms" multiple="true">
<mat-button-toggle value="HE" (change)="this.showHe=!this.showHe">
    Button 1
</mat-button-toggle>
<mat-button-toggle value="RAD" (change)="this.showRad=!this.showRad">
    Button 2
</mat-button-toggle>
<mat-button-toggle value="TS" (change)="this.showTS=!this.showTS">
    Button 3
</mat-button-toggle>                  
<mat-button-toggle value="WH" (change)="this.showWH=!this.showWH">
    Button 4
</mat-button-toggle>
<mat-button-toggle value="EE" (change)="this.showEE=!this.showEE">
    Button 5
</mat-button-toggle>

按钮1
按钮2
按钮3
按钮4
按钮5

东西
东西
东西
东西
东西

发生的情况是： 单击前3个切换按钮中的任何一个都可以100%完美地工作，单击该按钮，相应的选项卡将显示相应的内容

点击最后两个按钮是很奇怪的事情。它正确地设置了布尔值（是的，它们在类中都是公共布尔值），但是在您单击页面上的其他内容之前，按钮不会显示为单击。div标记按其应有的方式显示，但在单击其他按钮之前，按钮看起来不会执行任何操作

除了变量名和值之外，所有内容都是相同的。它曾一度奏效，我甚至不认为我改变了什么

我还得到一个错误： 在声明以下内容的行上，对于具有未指定名称属性的表单控件，没有值访问器：

<mat-button-toggle value="WH" (change)="this.showWH=!this.showWH">

但是，如果我删除它，错误将转到它上面的行。如果我添加name=“blah”，它将无法修复它。如果我添加formControlName=“在类中创建的控件的名称”，则它在任何方面都没有效果

我应该看什么来解决问题？基于我的谷歌搜索，我在这方面做了很多改变，但没有任何解决方案能让我摆脱这个问题。很明显，问题出在代码的其他地方，但我找不到它。有没有关于搜索什么的想法

组件本身非常复杂，并且是其他组件的子组件，因此完全呈现的页面非常紧张

寻找任何输入

提前谢谢。如果我找到一个补丁，我会发布它！ 布拉德

---

我没有使用NgModel，我使用的是被动形式。

我发现了问题。这是

mat选项卡

中的HTML代码。在这些选项卡中的不同表单控件上混合了

（NgModel）

和

formControlName

。基本上，我忘记了那些标签的存在。我把它们清理干净后，钮扣就修好了

我对Angular还是有点陌生，这是一个巨大的页面，有很多运动部件。用艰苦的方式学习这些东西总是好的，因为这样你才能真正地学习它们

我希望这将有助于未来的人

谢谢， 布拉德

<mat-button-toggle value="WH" (change)="this.showWH=!this.showWH">