NgFor를 사용하여 라디오 버튼 만들기

Question

NgFor을 사용하여 양식의 일부로 라디오 버튼 세트를 만들고 싶습니다. 그들은 괜찮아 보이지만 바로 내가 NgModel을 연루 시키면 그 중 하나를 클릭하면 항상 마지막 것 (마지막 두 번째를 선택하는 마지막 항목 제외)을 선택합니다.

I have set up a plunk of the issue

모든 것은 당신이 내 양식 물에 죽었다는 않고 라인 템플릿 (12)하지만 끝에서 ngModel를 제거하면 잘 작동하는 것 같다. 권리?

조언이 도움이 될 것입니다. 나는 모양에 적당한 newb이고 NgModel에 관계되는 newb이다.

건배

Answer 1

입력에 바인딩 할 때 attr 부분을 제거하십시오. 이에서

:

<input type="radio" name="gameType" [attr.id]="'gameType'+i" [attr.value]="i" ngModel> 

이 사람 :

<input type="radio" name="gameType" [id]="i" [value]="i" ngModel> 

다음은 수정 된 plunker

Answer 2

당신은 변경 될 수 있습니다 다음

<input type="radio" name="gameType" [attr.id]="'gameType'+i" [attr.value]="i" ([ngModel])="defaultSpecs[i].model"> 

이 두 가지 방법을 결합 (추가 상자 구문 바나나)를 사용하고 defaultSpecs를 돌연변이 ngModel을 말할 것이다라는 속성을 포함하는 객체 모델은 그것이 선택되었는지 아닌지를 나타내는 boolean을 포함합니다.

defaultSpecs 객체는 반복 색인을 배열로 사용하여 참조됩니다.