角2：テーブル内のすべての行でコンボボックスのオプションをプログラムで選択

Question

TypeScriptで角度2を使用してアプリケーションを構築しています。私はその列の選択コントロールを含む次の表を持っています。選択制御内容が別の文字列配列にバインドされている - クラスタイプ{名：文字列、セクション：文字列}の目的である

<table ngControl="lstClasses" name="lstClasses"> 
     <tr *ngFor="let class of model.Classes"> 
      <td>{{class.Name}}</td> 
      <td> 
       <select name="cmbSection" [(ngModel)]="class.Section"> 
        <option *ngFor="let section of sections" 
         [ngValue]="section"> 
         {{section}} 
        </option> 
       </select> 
      </td> 
     </tr> 
    </table> 

のセクションでは、文字列[] = [「白」、「青」であり、 "紫色"、 "緑色"、 "赤色"]。

任意の行のコンボボックスで選択したオプションを変更すると、モデルに正しく反映されます。データを保存して更新すると、すべての行のすべての選択コントロールに、テーブルの最後の行に保存された選択されたオプションが表示されます。

例：表の最後の行で「紫」を選択して保存すると、データが最新表示されたときにモデルに正しいオプションが含まれていてもすべての行が選択されたオプションとして「紫色」と表示されます。

私が間違っているところでお手伝いできますか？

Answer 1

私はあなたが以下のようなものを探していると思いますが、ここで

<option *ngFor="let section of sections" 
        [value]="section" 
        [selected]="section == class.Section" 
        > 
        {{section}} 
</option> 

はPlunker!!

は、この情報がお役に立てば幸いです！