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

时间:2018-10-01 23:36:55

标签: angular angular-material

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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