AngularJS应用没有通过官方的W3C HTML5验证

AngularJS app not passing official W3C HTML5 validation

本文关键字：W3C HTML5 验证官方应用 AngularJS 更新时间：2023-09-26

我有一个使用AngularJS的项目，但其中一个要求是我的应用程序必须通过官方的HTML5和CSS3验证。

为什么用AngularJS构建的应用程序没有通过官方的W3C HTML5验证?我真的很喜欢AngularJS，那我该怎么办呢?我真的必须从头开始构建它吗?或者是否有任何合理的文章/博客可以解决这个问题，以便我可以向我的教授解释它?

根据其他一些Stackoverflow QA，你可以用data-属性前缀你的angularjs属性。

所以ng-app会变成data-ng-app。这将意味着你的标记是有效的html5，并且仍然可以与angularjs一起工作。

参考这些问题

AngularJS标签属性

我可以在angularjs中使用另一个前缀而不是' ng '吗?

这个答案已经很晚了，但是我写了一个叫做angular-html5的基本工具，它会自动将指令转换为data-directives。还有grunt和gulp插件可以在构建步骤中使用。

这样你仍然可以写:

<div ng-if="whatever"></div>

它会变成:

<div data-ng-if="whatever"></div>

只需将它添加到您的工作流中，您就可以像使用ng-min进行最小化一样使用它。