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

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

1 个答案: