角度材料重置按钮-切换组

Question

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

当前，我通过将mat-button-toggle-group的值设置为null（或未定义）来重置组。这可以工作，但是用户界面不会更新为匹配。我考虑过添加一个不可见的垫子按钮，并为其赋予“ unselected”之类的值。似乎应该有更好的方法。

此堆叠闪电战是一个简单的演示：https://stackblitz.com/edit/angular-wgsubv

尝试选择foo或bar，然后点击“重置”按钮。组值会更改，但该选项似乎仍处于选中状态。如果用户需要再次选择相同的按钮，则必须单击两次。

Answer 1

据我所知，还没有API。我必须使用这样的私有财产：

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

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