L'app AngularJS non trasmette la convalida W3C HTML5 ufficiale

Question

Ho un progetto in cui sto utilizzando AngularJS, ma uno dei requisiti è che la mia app deve superare la convalida ufficiale HTML5 e CSS3.

Perché le app create con AngularJS non superano la convalida W3C HTML5 ufficiale? Mi piace davvero AngularJS, quindi cosa dovrei fare? Devo davvero costruirlo da zero o c'è qualche articolo/blog ragionevole che risolva questo problema, quindi posso spiegarlo al mio professore?

Answer 1

Secondo alcuni altri QA StackOverflow è possibile pre-correggere gli attributi angularjs con l'attributo data-.

Quindi ng-app diventerebbe data-ng-app. Ciò significherebbe che il tuo markup è valido html5 e funziona ancora con angularjs.

Vedere queste domande per riferimento.

AngularJS tags attributes

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

Answer 2

E 'molto tardi per questa risposta, ma ho scritto uno strumento di base chiamato angular-html5 che converte direttive data-directives automaticamente. Ci sono anche i plugin grunt e gulp da utilizzare nelle fasi di costruzione.

questo modo si può ancora scrivere:

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

E si trasformerà in:

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

Basta aggiungere al vostro flusso di lavoro, e si può usare in modo simile a utilizzare ng-min per minification.

Vedere Angular Directives Normalization Rules per ulteriori informazioni.