javascript - 如何扩展 EmberJS handlebars 输入助手以支持没有值的属性？

Question

我目前正在使用 Ember 输入助手来呈现数据绑定(bind)表单控件:

{{input class="form-control" type="email" value=email }}

这会生成以下 HTML:

<input id="ember502" class="ember-view ember-text-field form-control" type="email" value="person@example.com">

HTML 5 输入控件支持元素的 required 属性。此属性没有值。尝试将值传递到模板会导致编译错误并使用类似 required=true 的内容将无法正常运行，因为该属性不为空。

如何修改 ember TextInput View 以包含没有值的属性？我试图对其进行子类化，但 API 阻止了直接访问。

Answer 1

默认情况下，ember 不会映射所有传递给输入 View 助手的选项，如 html 属性。您可以使用 attributeBindings 实现此目的。

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

看看那个 fiddle ，看看它的实际效果 http://jsfiddle.net/marciojunior/hRx5E/