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

Question

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

{{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=true功能,因为该属性不为空.

如何修改ember TextInput视图以包含没有值的属性？我试图将其子类化,但API阻止了直接访问.

Answer 1

默认情况下,ember不会映射传递给输入视图助手的所有选项,如html属性.你可以使用这个来实现attributeBindings.

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

看看这个小提琴,看看这个在行动http://jsfiddle.net/marciojunior/hRx5E/