代码之家  ›  专栏  ›  技术社区  ›  Charlie Elverson

“角度材质重置”按钮切换组

  •  2
  • Charlie Elverson  · 技术社区  · 6 年前

    重置mat按钮切换组值的正确方法是什么?我有一个场景,其中一个mat按钮切换被选中,然后一个后续操作取消选中它。我的问题是,当groups值被重置时,UI不会更新以匹配。

    目前,我通过将mat按钮toggle group的值设置为null(或undefined)来重置组。这是可行的,但用户界面不会更新以匹配。我想添加一个不可见的mat按钮,并给它一个值“unselected”或类似的东西。看来应该有更好的办法。

    https://stackblitz.com/edit/angular-wgsubv

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

    0 回复  |  直到 6 年前
        1
  •  0
  •   RecursiveRich    6 年前

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

    更新: 我问了这个问题 https://gitter.im/angular/material2 如果你把 [(ngModel)] this.buttonGroup.value = ''

    推荐文章