AngularJS指令中自定义HTML标记的后果

马里乌斯·舒尔茨(Marius Schulz)

假设我gravatar在AngularJS中编写了一个自定义指令,该指令已绑定到email作用域上的一个属性。该指令将替换此HTML…

<gravatar email="user.email" />

通过属性设置为正确的Gravatar url的通用img标签src

<img src="http://gravatar.com/avatar/..." />

我的问题可能有点宽泛甚至天真,但是最初<gravatar />在页面的HTML中包含标签是“多么糟糕”的事情除了未通过W3C验证外,还会有“现实世界”的后果吗?

爆炸药

W3C说

作者不得将元素,属性或属性值用于其适当的预期语义目的以外的目的,因为这样做会阻止软件正确处理页面。

作者不得使用本规范或其他适用规范所不允许的元素,属性或属性值,因为这样做会使将来扩展该语言的难度大大增加。

http://www.w3.org/html/wg/drafts/html/master/dom.html#elements

自定义元素/属性没有语义价值,因此应避免使用这些原因。

您甚至可能不会注意到任何直接后果。毕竟,Angular本身使用非确认ng属性(尽管它们也支持data-前缀)。

您可能面临的唯一可能的问题是,当前引入的自定义元素是否成为规范的一部分,并且行为与您之前所期望的不同,但是我认为这种可能性很小。即使这样,如果可以的话,我将避免使用任何自定义的东西。

最终,您将能够注册自己的自定义元素,但是据我所知,尚无浏览器支持此规范。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在自定义指令的模板中将类添加到html标记中

来自分类Dev

AngularJS自定义指令

来自分类Dev

AngularJS和自定义方法/ HTML的指令

来自分类Dev

在AngularJS的自定义指令中包含第一个子HTML

来自分类Dev

在AngularJS的自定义指令中包含第一个子HTML

来自分类Dev

AngularJS-自定义指令中的点击访问

来自分类Dev

自定义指令模板中的AngularJS控制变量

来自分类Dev

在AngularJS自定义验证指令中调用异步服务

来自分类Dev

使用指令绑定angularjs中的自定义事件

来自分类Dev

AngularJS在自定义指令中包装ui选择

来自分类Dev

在自定义指令中绑定数据-AngularJS

来自分类Dev

在Angularjs自定义指令中获取属性的值

来自分类Dev

AngularJS中的自定义指令和路由

来自分类Dev

AngularJS-在自定义指令中更新变量

来自分类Dev

在Angularjs自定义指令中获取属性的值

来自分类Dev

angularjs自定义指令值更改

来自分类Dev

AngularJS自定义指令双向绑定

来自分类Dev

选择的AngularJS自定义指令

来自分类Dev

angularjs自定义指令重复属性

来自分类Dev

多个自定义指令angularjs

来自分类Dev

AngularJS:自定义指令内的ngView

来自分类Dev

AngularJS动态自定义指令问题

来自分类Dev

AngularJs 多个自定义指令失败

来自分类Dev

AngularJS:无法从自定义指令属性中检索值以在自定义指令中进行解析

来自分类Dev

Bootstrap Popover指令逻辑在AngularJS自定义指令中不起作用

来自分类Dev

Angularjs:在模板中绑定时,为什么自定义指令中的参数未定义?

来自分类Dev

不需要结束标记的自定义角度指令?

来自分类Dev

角度小叶自定义标记(使用角度指令)

来自分类Dev

不需要结束标记的自定义角度指令?

Related 相关文章

热门标签

归档