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

前端之家收集整理的这篇文章主要介绍了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.

希望它有帮助。

猜你在找的HTML相关文章