web-dev-qa-db-fra.com

Bouton radio pour la propriété booléenne

J'ai une simple propriété booléenne valid dans mon objet document et j'ai besoin de la lier à des entrées radio.

C'est ce que j'ai jusqu'à présent:

<input type="radio" name="valid" id="validTrue" (click)="document.valid = true" [checked]="document.valid"/>
<input type="radio" name="valid" id="validFalse" (click)="document.valid = false" [checked]="!document.valid"/>

Au moins, définir la propriété sur click fonctionne, mais son état n'est pas affiché par les entrées radio. En regardant dans la console développeur de mon navigateur, j'ai découvert qu'une propriété ng-reflect-checked est réglé mais cela ne semble pas avoir d’impact sur l’entrée radio html.

Qu'est-ce que je fais mal?
Quelqu'un at-il un extrait de travail "angular2-boolean-radio-input"?

26
Philipp

Dans le nouveau module de formulaires, cela pourrait faire ce que vous voulez

  <input type="radio" name="food" [(ngModel)]="document.valid" [value]="true">
  <input type="radio" name="food" [(ngModel)]="document.valid" [value]="false">

voir aussi document de conception pour le nouveau module de formulaires

70
Günter Zöchbauer