javascript - 向 Handlebars 中的输入元素添加属性（与 Ember.JS 1.0 一起使用）

Question

假设我有类似的东西：

{{input value=someModel }}

然后我想将简单的requiredHTML 5 属性添加到输入中。

我该怎么做？

---

请注意，我尝试了以下变体但没有成功：

{{input value=someModel required }} <!-- doesn't parse -->

{{input value=someModel required='required' }} <!-- doesn't render the attribute -->

{{view Ember.TextField valueBinding=someModel 
    required='required' }} <!-- doesn't render the attribute -->

<input required {{bindAttr value=someModel}}
     /> <!-- doesn't update the model, as expected -->

---

更新：这个问题是针对 Ember 1.0 的。

Answer 1

我正在使用 Ember 1.5.1 版，并且 required="required" 现在似乎可以正常工作。这个标记：

{{input class="form-control" value=firstName autofocus="autofocus" required="required"}}

...呈现：

<input id="ember392" class="ember-view ember-text-field form-control" autofocus="autofocus" required="required" type="text">

Answer 2

要全局添加对其他属性的支持，您可以重新打开 Ember.TextField

http://emberjs.com/api/classes/Ember.TextField.html

Answer 3

首先，您需要为 required 属性添加支持：

Ember.TextSupport.reopen({  
    attributeBindings: ["required"]  
}) 

那么在你看来：

{{view Ember.TextField required="required"}}