javascript - 迭代中的Ember组件和动态属性

如何为自定义Ember组件添加支持以添加动态属性和动作？
我有我的自定义组件

{{my-radiobutton name='myName' value='RadioButton1' selection=this.selectedRadio}}

现在，我要遍历API响应，并在模板中具有动态属性以及以下操作支持；

{{#each model.myApi as |myApi|}}
{{#if someCondition}}
{{my-radiobutton name='myName_{{myApi.someId}}' value='someAction_{{myApi.someId}}' selection=this.selectedRadio {{action 'actionClicked'}}}}
{{else}}
{{my-radiobutton name='myName_{{myApi.someId}}' value='someAction_{{myApi.someId}}' selection=this.selectedRadio {{action 'actionClicked'}}}}
{{/if}}
{{/each}}

有可能这样做吗？

PS：我无法控制自定义组件my-radiobutton，因为它是常见的/外部的，所以我希望模板或控制器中的任何内容

最佳答案

您可能正在寻找concat helper

{{#each model.myApi as |myApi|}}
  {{#if someCondition}}
    {{my-radiobutton name=(concat "myName_" myApi.someId) value=(concat "someAction_" myApi.someId) selection=this.selectedRadio {{action 'actionClicked'}}}}
  {{else}}
     {{my-radiobutton name=(concat "myName_" myApi.someId) value=(concat"someAction_" myApi.someId) selection=this.selectedRadio {{action 'actionClicked'}}}}
  {{/if}}
{{/each}}