重置mat按钮切换组值的正确方法是什么?我有一个场景,其中一个mat按钮切换被选中,然后一个后续操作取消选中它。我的问题是,当groups值被重置时,UI不会更新以匹配。
目前,我通过将mat按钮toggle group的值设置为null(或undefined)来重置组。这是可行的,但用户界面不会更新以匹配。我想添加一个不可见的mat按钮,并给它一个值“unselected”或类似的东西。看来应该有更好的办法。
https://stackblitz.com/edit/angular-wgsubv
尝试选择foo或bar,然后点击reset按钮。“组”值更改,但该选项仍处于选中状态。如果用户需要再次选择相同的按钮,则必须单击两次。
this.buttonGroup._buttonToggles.map( btn => btn.checked = false );
更新: 我问了这个问题 https://gitter.im/angular/material2 如果你把 [(ngModel)] this.buttonGroup.value = ''
[(ngModel)]
this.buttonGroup.value = ''