AngularJS应用程序未通过官方的W3C HTML5验证。

Question

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

为什么使用AngularJS构建的应用不能通过官方的W3C HTML5验证？我真的很喜欢AngularJS，那我该怎么办？我真的需要从头开始构建吗，还是有没有合理的文章/博客来解决这个问题，这样我就可以向我的教授解释清楚了？

- user1127302

---

为什么使用AngularJS构建的应用程序无法通过官方W3C HTML5验证？谁说不能通过验证了？请提供一个包含未通过W3C验证的AngularJS代码的最小可复现示例（[mcve]），并附上您的代码生成的错误信息。 - TylerH

我会首先质疑这个要求。 - aakoch

Answer 1

根据其他Stackoverflow QA的建议，您可以在angularjs属性前加上data-属性。

因此，ng-app将变为data-ng-app。 这意味着您的标记是有效的html5，并且仍然可以与angularjs一起使用。

参考这些问题。

AngularJS标记属性

我可以在angularjs中使用其他前缀吗？

- Tim B James

Answer 2

这个答案来得有些晚，但是我编写了一个基本工具称为angular-html5，它能够自动将指令转换为data-directives。同时在构建步骤中也可以使用grunt和gulp插件。

这样你仍然可以这样书写：

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

然后它会变成：

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

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

有关更多信息，请参见Angular指令规范化规则。

- Gilad Peleg