Приложение AngularJS не проходит официальную проверку W3C HTML5

Question

У меня есть проект, в котором я использую AngularJS, но одно из требований заключается в том, что мое приложение должно пройти официальную проверку HTML5 и CSS3.

Почему приложения, созданные с помощью AngularJS, не проходят официальную проверку W3C HTML5? Мне очень нравится AngularJS, так что мне делать? Должен ли я действительно строить его с нуля или есть ли разумная статья/блог, которые затрагивают эту проблему, чтобы я мог объяснить это моему профессору?

Answer 1

В соответствии с каким-либо другим способом QQ Stackoverflow вы можете предварительно установить атрибуты angularjs с помощью атрибута data-.

Таким образом, ng-app станет data-ng-app. Это означало бы, что ваша разметка действительна html5 и по-прежнему работает с angularjs.

См. Эти вопросы для справки.

AngularJS tags attributes

Can I use another prefix instead of `ng` with angularjs?

Answer 2

очень поздно этот ответ, но я написал базовый инструмент под названием angular-html5, который преобразует директивы data-directives автоматически. Также есть плагины grunt и gulp, которые будут использоваться в этапах сборки.

Таким образом, вы все еще можете написать:

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

И он превратится в:

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

Просто добавьте его в свой рабочий процесс, и вы можете использовать его так же, как с помощью ng-min для минификация.

Для получения дополнительной информации см. Angular Directives Normalization Rules.