0

次のようなオブジェクトの配列があります。

App.actors = [
      Ember.Object.create({firstName: "John", id: 1, photo: 'img/john.png'}),
      Ember.Object.create({firstName: "Deneris", id: 2, photo: 'img/deneris.png'})
   ];

そして、次のような選択フィールドを表示します。

 {{view Ember.Select
       contentBinding="App.actors "
       valueBinding="someotherplace"
       optionValuePath="content.id"
       optionLabelPath="content.firstName" id="selectedActor"}}

そして今、人が選択を変更した後、選択した俳優の写真を含む画像を表示したいと思います。私はこのように試しました:

<img  {{bindAttr src="App.actors.photo"}}>

しかし、うまくいきません。それを機能させる方法は?

4

1 に答える 1

0

あなたは配列ですが、未定義のパスApp.actorsとして App.actors.photo を指定しています。 あなたがする必要があるのは、選択に selectionBinding を与え、選択から写真を撮ることだけです。 bindAttr

{{view Ember.Select  
   contentBinding="App.actors "  
   valueBinding="someotherplace"  
   optionValuePath="content.id"  
   optionLabelPath="content.firstName"  
   selectionBinding="someOtherSelection"  
}}  

<img {{bindAttr src="someOtherSelection.photo"}}>

于 2013-08-13T12:58:41.297 に答える