在 Handlebars/emberjs 中设置 html 属性？答案

【问题标题】：Setting html-attributes in Handlebars/emberjs?在 Handlebars/emberjs 中设置 html 属性？
【发布时间】：2013-11-27 17:03:22
【问题描述】：

我正在尝试在 emberjs 应用程序的把手中设置 html 属性。

<input type="{{field.type}}" name="{{field.key}}" id="{{field.name}}" />

是我尝试过的。

它会像这样输出 html：

<input type="&lt;script id='metamorph-13-start' type='text/x-placeholder'&gt;&lt;/script&gt;text&lt;script id='metamorph-13-end' type='text/x-placeholder'&gt;&lt;/script&gt;" name="&lt;script id='metamorph-14-start' type='text/x-placeholder'&gt;&lt;/script&gt;entry.810220554&lt;script id='metamorph-14-end' type='text/x-placeholder'&gt;&lt;/script&gt;" id="&lt;script id='metamorph-15-start' type='text/x-placeholder'&gt;&lt;/script&gt;firstname&lt;script id='metamorph-15-end' type='text/x-placeholder'&gt;&lt;/script&gt;">

所有标签都包裹在 metamorph-tags 中。我希望这不是你应该做的。如何根据我的模型添加属性。

【问题讨论】：

标签： ember.js handlebars.js

【解决方案1】：

在绑定到元素属性时使用 bind-attr

<input {{bind-attr type=field.type name=field.key id=field.name}} />

【讨论】：

这行得通，你也应该引用属性值（除非你使用它，否则我的崇高标记会中断）
您不必引用属性，核心团队正在远离引用非静态字符串的项目。