如何生成多个余功率选择使用每个循环？

Question

我在下面的代码中生成一个ember-power-select组件的列表。

{{#each query_params as |param|}}
    <div>
        <label for="">{{param.param}}</label>

        {{#power-select
            options=param.options
            selected=option
            onchange=(action (mut selectedName))
            allowClear=true
            class="bar-query--inputs-auto"
            as |name|
        }}
            {{name}}
        {{/power-select}}
    </div>
{{/each}}

但是，selected=option使所有生成的power-select组件共享相同的选定属性option。其效果是，每当任何人选择的值改变，所有其他选择值也将得到更新。

我该如何解决这个问题呢？

Answer 1

{{#each query_params as |param|}}
    <div>
        <label for="">{{param.param}}</label>

        {{#power-select
            options=param.options
            selected=param.selected
            onchange=(action (mut param.selected))
            allowClear=true
            class="bar-query--inputs-auto"
            as |name|
        }}
            {{name}}
        {{/power-select}}
    </div>
{{/each}}

我通过将select=option改为select=param.selected来解决问题。