如何使用ember-power-select-with-create來添加數據？

Question

我想弄清楚如何在gh readme上正確使用ember-power-select-with-create，但我堅持這個例子。

這裏給出一個例子：

{{#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？僞代碼工作。假設上面的模板是application.hbs模板及以下國陣是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

您需要創建一個國家目標，並把它推到countries陣列大概如下;

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

您應該考慮爲新添加的國家設置一個未知的標誌。