Le modèle ne sera pas mis à jour dans la liste de radio Angular 2

J'essaie de construire un composant Angular 2 qui affiche une liste d'options avec des radios. Cela fonctionne bien, mais le champ de answer du composant, qui est lié à l'intérieur de [(ng-model)]="answer" , ne sera pas mis à jour lors de la sélection d'une des options. Est-ce que je fais quelque chose de mal ou n'est-ce pas la façon de créer une liste d'options de sélection de radio?

  <div> Answer: {{ answer }} </div> <div class="radio" *ng-for="#option of itemData"> <label> <input type="radio" [value]="option.id" [(ng-model)]="answer" (change)="responseChanged()" name="radio-list"> <span>{{ option.name }}</span> </label> </div>

Plunker

Bien, je suppose que la liaison bidirectionnelle fonctionne maintenant avec la radio, alors actuellement vous ne pouvez pas utiliser [(ng-model)] .

L'alternative est d'utiliser l'événement de changement et l'attribut vérifié. Voir mon plongeur

http://plnkr.co/edit/7Zm3qgoSv22Y9KrBn4tS?p=preview

(change)="answer=$event.target.value"

[checked]='answer==option.id'

Vous ne pouvez pas utiliser ng-model avec des boîtes radio comme dans angular1. Cependant, il existe plusieurs composants sur github qui vous permettent de le faire facilement, comme le composant ng2-groupe de radio . Il prend en charge tant les cases à cocher que les différentes cases à cocher, sélectionnez:

 <radio-group [(ngModel)]="sortBy"> <input type="radio" value="rating"> Rating<br/> <input type="radio" value="date"> Date<br/> <input type="radio" value="watches"> Watch count<br/> <input type="radio" value="comments"> Comment count<br/> </radio-group> <checkbox-group [(ngModel)]="orderBy"> <input type="checkbox" value="rating"> Rating<br/> <input type="checkbox" value="date"> Date<br/> <input type="checkbox" value="watches"> Watch count<br/> <input type="checkbox" value="comments"> Comment count<br/> </checkbox-group>