如何动态地将optionValue附加到输入id和属性标签？

Question

假设选项= [＆＃34;低＆＃34;，＆＃34;中＆＃34;，＆＃34;高＆＃34;]

---

{{#each optionValue in options}}
    <span>
        <input type="radio" id="screen-risk-{{optionValue}}" name="riskRating"/>
        <label for="screen-risk-{{optionValue}}" name="checkbox"> Low </label>
    </span>
{{/each}}

如何动态地将optionValue附加到输入ID和属性标签？

不使用任何助手，它应该像屏幕风险低，屏幕风险中等，屏幕风险高

Answer 1

绑定属性语法仅在ember >= 1.11.0

中受支持

请参阅release blog post

在当前版本的ember（1.10.0）中获得所需内容。你可以使用unbound

{{#each optionValue in options}}
    <span>
        <input type="radio" id="screen-risk-{{unbound optionValue}}" name="riskRating"/>
        <label for="screen-risk-{{unbound optionValue}}" name="checkbox"> {{optionValue}} </label>
    </span>
{{/each}}

但正如文档中所述，如果更改，它将无法更新：

  

unbound 允许您输出没有绑定的属性。要点：如果属性更改，则不会更新输出。请谨慎使用。

查看demo