ember-power-select-with-createを使用してデータを追加する方法は？

Question

ember-power-select-with-createをgh readmeに正しく使用する方法を理解しようとしていますが、私はこの例に固執しています。ここで

は、与えられた例である。

{{#power-select-with-create 
    options=countries 
    selected=selectedCountry 
    onchange=(action (mut selectedCountry)) 
    oncreate=(action "createCountry") as |country term| 
}} 
    {{country.name}} 
{{/power-select-with-create}} 

私はcreateCountryコントローラのアクションを定義する必要がありますどのように把握することはできませんよ。誰かが私がどのようにしてcreateCountryを定義すべきか理解するのを助けることができますか？擬似コードは動作します。あなたは国オブジェクトを作成し、以下のように、おそらくcountries配列にそれをプッシュする必要がありapplication.jsコントローラに

countries: [ 
    { name: 'United States', flagUrl: '/flags/us.svg' }, 
    { name: 'Spain',   flagUrl: '/flags/es.svg' }, 
    { name: 'Portugal',  flagUrl: '/flags/pt.svg' }, 
    { name: 'Russia',   flagUrl: '/flags/ru.svg' }, 
    { name: 'Latvia',   flagUrl: '/flags/lv.svg' }, 
    { name: 'Brazil',   flagUrl: '/flags/br.svg' }, 
    { name: 'United Kingdom', flagUrl: '/flags/gb.svg' }, 
    ] 

Answer 1

である上記のテンプレートはapplication.hbsテンプレートと以下の国のアレイ上にあると仮定。

createCountry(countryName){ 
    let newCountry = {name: countryName, flagUrl: 'flags/unknown.svg'}; 
    this.get('countries').pushObject(newCountry); 
} 

新しく追加された国には不明なフラグを設定することを検討する必要があります。