значение Update, когда выбрано значение в Ember.Select

Question

У меня есть Ember.Select в моем шаблоне и изображение:

Difficulty: {{view Ember.Select id="id_diff" contentBinding="difficulties" optionValuePath="content.id" optionLabelPath="content.title"}} 
<img src="(path)" /> 

Выбрать заполнен значениями, поступающих от сервера; в контроллере:

difficulties: function() { 
    return this.get('store').find('difficulty'); 
}.property() 

и модель:

Gmcontrolpanel.Difficulty = DS.Model.extend({ 
    title: DS.attr('string'), 
    description: DS.attr('string'), 
    path: DS.attr('string') 
}); 

и это нормально; но мне бы хотелось, чтобы при выборе трудности из Ember.Select свойство corrispondent path было вставлено в тег img Кто-нибудь знает, как получить этот результат?

Answer 1

Для этого я бы поставил пару вещей.

Во-первых, обновить Ember.Select включить valueBinding против модели с новым свойством:

{{view Ember.Select id="id_diff" contentBinding="difficulties" optionValuePath="content.id" optionLabelPath="content.title" valueBinding="selectedDificulty"}} 

Это будет связывать ваш выберите вид объекта модели. Это означает, на контроллере, теперь мы можем включать в себя новую функцию с .observes на этом поле:

updateImage : function(){ 
    this.set('fullPath', this.get('path') + this.get('selectedDificulty')); 
}.observes('selectedDificulty'); 

И, наконец, изменить свой путь к изображению, чтобы вновь созданный один:

<img src="(fullPath)"/>