なぜangle2フォームがhtmlの<form>要素で正しく機能しないのですか？

Question

私はNG2で<form>要素のいくつかの奇妙な行動に気づいていると私は、誰かが私にそれを説明する必要があります:)

私はだから今、それが正常に動作しているだけでPlunker例 https://plnkr.co/edit/vdrHJBNdd26y6YhPXTHD?p=preview

を作成しました。値を入力して「パラメータを追加」をクリックすると、入力値がモデルで更新され、入力フィールドに保存されます。

しかし、あなたはフィールドに、このhttps://plnkr.co/edit/vdrHJBNdd26y6YhPXTHD?p=preview と入力なめらかよう<form>要素を使用して<div>をラップし、「パラメータを追加」を再度クリックすると、（モデルにそれがまだ存在する）フォームが更新されますと、あなたの値が消えます。それがなぜ起こるか把握できません。あなたの答えに事前に感謝します。

Answer 1

理由は、formがallの入力をngForの入力で表示するため、すべてのフィールドが表示されるためです。しかし問題は、すべての要素に対して同じ名前属性を持っていることです。つまり、name="name" & name="test"です。したがって、新しい入力がname値'' & typethis.types[0]（String）で追加されると、すべてのフォーム要素に同じ値が適用されます。

<form #form="ngForm"> 
    <div *ngFor="let param of paramsList; let i=index"> 
     <input type="text" [(ngModel)]="param.name" name="{{'name'+i}}"> 
     <select [(ngModel)]="param.type" name="{{'type'+i}}"> 
      <option *ngFor="let type of types" [ngValue]="type">{{type}}</option> 
     </select> 
    </div> 
</form> 

Demo Plunkr

注：どういうわけか[attr.name]="'name'+i"が機能していません。