ember.js Handlebars 中的 html 数据属性

Question

我正在尝试做这样的事情:

{{input value=email type="text" data-type="email"}}

为了使用 parsley.js 来验证我的输入。 (我知道电子邮件可以使用 type="email")但这只是一个例子。

但是我看到 data-type="email" 没有出现在生成的 HTML 中。

有什么方法可以将这个 HTML data- 属性添加到 handlebars 标签中？

Answer 1

您可以采用不同的方法:

方法一

您可以重新打开 Ember.TextField并定义额外的 attributeBindings，例如:

Ember.TextField.reopen({
  attributeBindings: ['data-type']
});

现在这将起作用:

{{input value=email type="text" data-type="email"}}

Working example.

方法二

定义您自己的自定义输入字段，扩展 ember 的 Ember.TextField

App.MyTextField = Ember.TextField.extend({
  attributeBindings: ['data-type']
});

并像这样使用它:

{{view App.MyTextField value=email type="text" data-type="email"}}

Working example.

希望对您有所帮助。