Réinitialiser <md-checkbox> pour le matériel 2

Question

J'utilise la bibliothèque matérielle angulaire 2 et l'élément md-checkbox.

Quelque chose comme:

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

Plus tard un autre événement (non lié à cette entrée) Je veux réinitialiser son état (marque non contrôlée si elle est cochée). Comment fait-on ça? Est-ce que l'API le supporte? According to the docs, il n'y a pas de méthode pour le faire.

Si j'essaie de basculer des classes sur l'élément, cela le désactive visuellement, mais l'état est conservé.

Answer 1

Donnez votre case à cocher un nom par exemple myCheckBox et définissez la propriété myCheckBox.checked sur false en cliquant sur le bouton.

<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> 

Lien vers working demo.

Answer 2

Typiquement, cela est mieux fait en utilisant un NgControl (comme NgModel ou FormControl). La case à cocher a une méthode toggle(). Si vous savez si la case est déjà cochée ou non, vous pouvez l'activer en conséquence

bascule | Permute l'état de la case cochée

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