javascript - How to pass a function in selected from ember-power-select -
i have ember.js application, , form in it, using ember-power-select. used addon, have problems how configure selected element. title say, asking how configure selected function.
want set selected variable function retrieve variable services.
my component that:
import ember 'ember'; export default ember.component. appinfo: ember.inject.service('app-info'), languageoption: ['français', 'english'], language() { /* * in service appinfo, have function called getlocale * return current locale variable. */ return this.get('appinfo').getlocale(); }, actions: { changelanguage(lang) { this.set('language', lang); } } }); and template that:
{{#power-select selected=language options=languageoption searchenabled=false onchange=(action 'changelanguage') placeholder=language |lang|}} {{lang}} {{/power-select}} as can see i'm trying set selected value current locale obtained via service appinfo. working fine except selected part.
in template, can see 'selected' value can set within component, except don't want set value hardcoded one, current value of locale.
every tips and/or appreciated!
just solved it, used init() make work. @brandonw said in comment, computed property doesn't work too.
this code putted in component:
*** init() { this._super(...arguments); let loc = this.get('appinfo').getlocale(); if (loc === 'fr') this.set('language', 'français'); else this.set('language', 'english'); } *** this want if want use function set selected in ember-power-select addon.
Comments
Post a Comment