ember.js - 如何根据 Ember.select 选择更新图像源？

Question

我有一个这样的对象数组：

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"}}>

但它不起作用。如何让它发挥作用？

Answer 1

您App.actors是一个数组，而您将 App.actors.photo 作为bindAttr路径，这是未定义的。
您需要做的就是将 selectionBinding 赋予您的选择，然后从选择中拍摄照片。

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

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