您可以使用专门的高阶helper函数为ember-power-select创建一个操作，该操作最终将使用额外的参数调用您的操作。考虑这个助手handle-dropdown

import { helper } from '@ember/component/helper';

export function invokeFunction([prop, action]) {
    return function(){
        action(prop, ...arguments);
    }
}

export default helper(invokeFunction);

字符串
因此，我们在这里所做的是创建将由ember-power-select调用的函数。在这个函数中，我们首先使用prop调用原始操作，然后使用ember-power-select调用onchange函数的每个参数。
在您的模板中，当将您的操作传递给power-select时，调用此帮助器

{{#power-select 
   onchange=(handle-dropdown 'foo' (action 'dropdownChanged')) 
   as |dropdown|}}

型
然后你的动作会是

actions: {
  dropdownChanged(keyToSet, selectedValue){
    this.set(keyToSet, selectedValue);
  }
}

型
这最终将调用dropdownChanged('foo', /* the selected value */)

Ember Bootstrap's Power Select integration为类似的用例提供了一个很好的API。让我给予个例子。
让我们以国家选择器为例。我们有一个国家列表，这些国家由一个对象列表表示，这些对象的两个字母的国家代码（由ISO 3166-1定义为id属性）和名称为name。所选国家/地区应在POJO模型上以国家/地区代码表示。

export default Component.extend({
  // country code of country selected or null
  selectedCountry: null,

  // Using a computed property here to ensure that the array
  // isn't shared among different instances of the compontent.
  // This isn't needed anymore if using native classes and
  // class fields.
  countries: computed(() => {
    return [
      { id: 'us', name: 'United States of America' },
      { id: 'ca', name: 'Canada' },
    ];
  }),

  // Using a computed property with getter and setter to map
  // country code to an object in countries array.
  selectedCountryObject: computed('selectedCountry', {
    get() {
      return this.countries.find((_) => _.id === this.selectedCountry);
    },
    set(key, value) {
      this.set('selectedCountry', value.id);
      return value;
    }
  }),
});

字符串
现在我们可以像预期的那样使用Ember Bootstrap Power Select：

{{#bs-form model=this as |form|}}  
  {{form.element controlType="power-select" property="selectedCountryObject" label="Country" options=this.countries}}
{{/bs-form}}

型
免责声明：我自己还没有测试过这些代码，所以可能会有错别字，但我希望你能明白。

您可以像这样在模板中添加第二个参数。所选选项将自动发送到功能。

<PowerSelect
    @selected={{this.selectedPrice}}
    @options={{this.priceRange}}
    @onChange={{fn this.choosePrice "minPrice"}}
    class="w-64"
    as |price|
  >
    {{price.title}}
  </PowerSelect>

字符串
然后创建你的函数来处理点击，你需要定义2个参数。您在模板中定义的参数将始终首先出现，因此它应该是您的第一个参数。

@action
  choosePrice(type, price) {
    // type will be 'minPrice'
    // price will be the option you selected
  }

型