Angular Material 重置按钮切换组

Question

重置 mat-button-toggle-group 值的正确方法是什么？我有一个场景，其中选择了一个 mat-button-toggle，然后后续操作取消选择它。我的问题是，重置组值后，UI 不会更新以匹配。

目前，我通过将 mat-button-toggle-group 的值设置为 null(或未定义)来重置组。这有效，但 UI 不会更新以匹配。我想过添加一个不可见的垫子按钮，并给它一个“未选择”或类似的值。似乎应该有更好的方法。

这个 stackblitz 是一个简单的演示:https://stackblitz.com/edit/angular-wgsubv

尝试选择 foo 或 bar，然后点击重置按钮。组值发生变化，但该选项似乎仍处于选中状态。如果用户需要再次选择同一个按钮，他们必须点击两次。

Answer 1

据我所知，没有这方面的 API。我不得不使用这样的私有(private)属性(property):

this.buttonGroup._buttonToggles.map( btn => btn.checked = false );

更新:我在 https://gitter.im/angular/material2 中问过这个问题事实证明，如果你删除 [(ngModel)] 你可以简单地这样做:this.buttonGroup.value = ''