html data-属性在ember.js的handlebars中

我正在尝试这样做：

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

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

但是我看到data-type =“email”没有显示在生成的HTML中。

有没有办法我可以将这个HTML数据属性添加到句柄标签中？

解决方法

有不同的方法可以做到这一点：

方法1

您可以重新打开Ember.TextField并定义其他attributeBindings，如下所示：

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

现在这将工作：

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

Working example.

方法2

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

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

并使用它：

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

Working example.

希望它有帮助。