我有一个 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}}
如您所见,我正在尝试使用通过 service 获得selected
的电流来设置我的值。除了选定的部分外,一切正常。
在模板中,您可以看到 'selected' 是一个可以在组件内设置的值,除了我不想使用硬编码设置该值,而是使用locale的当前值。
感谢每一个提示和/或帮助!locale
appInfo