2016-08-09 11 views
1

私はラジオボタンを使用したいformArrayNameを持つフォームで作業しています。問題は、これらのラジオボタンがすべて同じ名前になっていることです。そのラジオボタンをクリックすると、他のラジオボタンはすべてオフになります。formArrayのラジオボタン

私は、インデックス(name[i])私は、エラーメッセージを取得してラジオボタンに名前を付けた場合:

platform-browser.umd.js:1900 ORIGINAL EXCEPTION: If you define both a name and a formControlName attribute on your radio button, their values must match. Ex: <input type="radio" formControlName="food" name="food"> 

私はこの問題を解決する方法を見つけることができません。配列のインデックスが変更される可能性があるため、init関数にインデックスを与えることはできません。以下は、私のコードの例を次に示します。

編集:Plunker例をメイド:私を助けることができhttp://plnkr.co/edit/o2ZxAFsuhD0F7OKevqei?p=preview

誰ですか?

答えて

-1

それは、複数のform要素を使用せずに、技術的に不可能だし。

2

あなたは、角度のセットに入力のnameプロパティようにする必要があります。

<input type="radio" [attr.name]="'sex' + i" value="male"> male 
<input type="radio" [attr.name]="'sex' + i" value="female"> female 
+0

私の質問をPlunkerの例で更新しました。あなたのソリューションは動作していないようです。 – Jeffrey

1

名前のプロパティを残しておくと、私の問題が解決されました。

+0

私は尋ねてからしばらく時間があったので、私はもうこれを確認することはできませんが、あなたの追加のためにありがとう! – Jeffrey

関連する問題