重置材料2的<md-checkbox>

时间:2017-09-27 13:12:20

标签: angular angular-material2

我正在使用角度材质2库和md-checkbox元素。

类似的东西:

<md-checkbox id="myInput"
             labelPosition="after"
             (change)="toggleOnChange($event)">
  Label
</md-checkbox>

稍后其他一些事件(与此输入无关)我想重置其状态(如果选中则标记为未选中)。我该怎么做? API是否支持它? According to the docs,没有这样做的方法。

如果我尝试在元素上切换类,那就是“直观地”&#39;取消它,但保持状态。

2 个答案:

答案 0 :(得分:2)

通常,最好通过使用NgControl(如NgModel或FormControl)来完成。该复选框确实有using System.Management.Automation; using System.Management.Automation.Runspace; 方法。如果您知道是否已选中该复选框,则可以相应地进行切换

  

切换 |切换复选框的选中状态

https://material.angular.io/components/checkbox/api

答案 1 :(得分:2)

为您的复选框命名,例如myCheckBox并在按钮点击时将属性myCheckBox.checked设置为false

<md-checkbox id="myInput" labelPosition="after" 
    #myCheckBox (change)="toggleOnChange($event)">Label
</md-checkbox>
<button md-button (click)="myCheckBox.checked = false">Reset Checkbox</button>

OR Like this:

<button md-button (click)="someFunction(myCheckBox)">Reset Checkbox In Method</button>

链接到working demo