Ember.js アプリケーションがあり、その中のフォームにember-power-selectを使用しています。私はすでにそのアドオンを使用していますが、selected
要素の設定方法に問題があります。タイトルが示すように、関数を使用して を構成する方法について助けを求めてselected
います。
サービスから変数を取得する関数を使用して、選択した変数を設定したいと考えています。
私のコンポーネントは次のようになります。
import Ember from 'ember';
export default Ember.Component.
appInfo: Ember.inject.service('app-info'),
languageOption: ['Français', 'English'],
language() {
/*
* In my service appInfo, I have a function called getLocale
* that return the current locale variable.
*/
return this.get('appInfo').getLocale();
},
actions: {
changeLanguage(lang)
{
this.set('language', lang);
}
}
});
そして、私のテンプレートは次のようになります。
{{#power-select
selected=language
options=languageOption
searchEnabled=false
onchange=(action 'changeLanguage')
placeholder=language
as |lang|}}
{{lang}}
{{/power-select}}
ご覧のとおり、サービスを介して取得selected
した電流で値を設定しようとしています。選択した部分を除いて、すべてが正常に機能しています。templateでは
、 'selected' がcomponent内で設定できる値であることがわかります。ただし、ハードコードされた値ではなくlocaleの現在の値を設定する必要があります。
すべてのヒントやヘルプに感謝します!locale
appInfo