Ember.js 如何使用ember power select和create添加数据？

我正试图找出如何正确使用

ember power select并启用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

controller中

  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' },
  ]

---

您需要创建一个country对象，并将其推送到

countries

数组，可能如下所示

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

你应该考虑为新加入的国家设置一个未知的标志