Ember Power Select - Label/Value

Question

Я не могу понять, как сделать следующее, просматривая docs для «выбора мощности ember».

У меня есть пользователь модели:

export default Model.extend({ 
    "state": attr('string') 
}); 

Хранится в качестве значения в БД: NY для государства

У меня также есть следующие данные для загрузки в уголек мощности выбора опций:

stateList: [ 
    { 
     label: 'New Jersey', 
     value: 'NJ' 
    }, 
    { 
     label: 'New York', 
     value: 'NY' 
    }, 
] 

Следующий код руля будет загружаться в состояниях и отображать их. Вы можете найти и выбрать состояние:

{{#power-select 
    options=stateList 
    searchField="label" 
    selected=state 
    onchange=(action (mut state)) 
    as |state| 
}} 
    {{state.label}} 
{{/power-select}} 

вопрос ... на выбор из «New York», я хотел бы сохраненное значение «состояния» быть «NY»

Прямо сейчас он просто хранит весь объект. Я понимаю через 'onchange' Я могу установить значение, но я действительно не понимаю, как вы установили значение 'NY' и выбрали ли он?

Я пытался делать

this.set('state',selection.value) 

Но я думаю, что он ищет индекс объекта, я тем не менее, просто хочу, чтобы передать «Нью-Йорк», а не весь объект ... это возможно?

Answer 1

Ответ на ваш вопрос НЕТ (AFAIK). Но вы можете достичь этого с помощью вычислимого свойства.

Компонент Код расслоение плотной

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    stateList: [{'label': 'New Jersey','value': 'NJ'},{ 'label': 'New York','value': 'NY'}], 
    state:'NY', 
    selectedState: Ember.computed('state', function(){  
    return this.get('stateList').findBy('value',this.get('state')); 
    }), 

    actions:{ 
    setSelectedState(selectedVal){  
     this.set('state',selectedVal.value); 
    } 
    } 
}); 

Компонент HBS код

{{#power-select 
    options=stateList 
    searchField="label" 
    selected=selectedState 
    onchange=(action 'setSelectedState') 
    as |state| 
}} 
    {{state.label}} 
{{/power-select}} 
{{yield}} 

Здесь Ember-Twiddle