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

概述我正在尝试这样做： {{input value=email type="text" data-type="email"}} 为了使用parsley.js验证我的输入。 (我知道电子邮件可以使用type =“email”)，但这只是一个例子。 但是我看到data-type =“email”没有显示在生成的HTML中。 有没有办法我可以将这个HTML数据属性添加到句柄标签中？ 有不同的方法可以做到这一 我正在尝试这样做：

{{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.

希望它有帮助。

总结

以上是内存溢出为你收集整理的html data-属性在ember.js的handlebars中全部内容，希望文章能够帮你解决html data-属性在ember.js的handlebars中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。