将属性添加到Handlebars中的input元素(与Ember.JS 1.0一起使用)

Question

假设我有类似的东西:

{{input value=someModel }}

然后我想required在输入中添加简单的HTML 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

首先,您需要添加对必需属性的支持:

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

然后在你看来:

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