0

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の現在の値を設定する必要があります。 すべてのヒントやヘルプに感謝します!localeappInfo

4

1 に答える 1