为材质 2 重置 <md-checkbox>

Dmi*_*nko 1 angular-material angular-material2 angular

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

就像是:

<md-checkbox id="myInput"
             labelPosition="after"
             (change)="toggleOnChange($event)">
  Label
</md-checkbox>
Run Code Online (Sandbox Code Playgroud)

稍后在一些其他事件(与此输入无关)我想重置其状态(如果选中,则标记为未选中)。我该怎么做?API支持吗?根据文档,没有这样做的方法。

如果我尝试在元素上切换类,则“视觉上”会取消选中它,但会保留状态。

Fai*_*sal 5

给你一些复选框,比如名字myCheckBox和属性设置myCheckBox.checkedfalse上按一下按钮。

<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>
Run Code Online (Sandbox Code Playgroud)

链接到工作演示