ember.js - 異なるモデルに関連付けられたループ内のEmber.Selectオブジェクトの作成

Question

Ember.Selectループ内にいくつかのウィジェットを表示する必要があります。

{{#each foo}}
  {{view Ember.Select
       selectionBinding="App.s1.selected"
       contentBinding="App.s1.content"
  }}
}}

問題は、これにより、これらすべての選択が同じモデルに関連付けられることです（"App.s1"）。Ember.Selectそれぞれを異なるモデルに関連付けるにはどうすればよいですか？

理想的には、モデルの配列を定義し、ループ内で、その配列のインデックス「i」を使用するようにEmberに指示します。ここで、「i」は現在の反復のインデックスです。これは可能ですか？

Answer 1

すべての sN (s1、s2、s3 など) を配列に格納し、たとえばApp.contentArray、テンプレートで次のようにします。

{{#each item in App.contentArray}}
     {{view Ember.Select selectionBinding="item.selected" contentBinding="item.content"}}
{{/each}}

iインデックスや明示的な for ループは必要ありません。