Bouton radio pour la propriété booléenne

Question

J'ai une simple propriété booléenne valid dans mon objet document et j'ai besoin de le 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, l'activation de la propriété au clic fonctionne mais son état n'est pas affiché par les entrées radio. En regardant dans la console du développeur de mon navigateur, j'ai trouvé qu'une propriété ng-reflect-checked est définie mais elle ne semble pas avoir d'impact sur l'entrée radio html.

Qu'est-ce que je fais mal ?
Quelqu'un a-t-il un exemple fonctionnel de "angular2-boolean-radio-input" ?

Answer 1

Dans le module des nouveaux formulaires, ceci 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