如何为自定义 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,因为它是通用/外部的,所以我更喜欢模板或 Controller 中的任何内容
最佳答案
您可能正在寻找 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}}
关于javascript - Ember 组件和迭代过程中的动态属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33430396/