Come convalidare i modelli angolari HTML

Question

Provo a scrivere principalmente poliglotta (X) HTML 5 nei miei modelli angolari HTML. Sembrano qualcosa del genere:

<div class="some-class"> 
    <input type="checkbox" data-ng-model="variable" /> 
    <foo-directive data-ng-if="variable"></foo-directive> 
</div> 

A volte mi dimentico di chiudere correttamente un tag che rompe alcuni browser. Quindi vorrei includere un validatore nella mia toolchain.

Il problema è: non conosco un validatore in grado di gestire questo caso. I validatori XML in genere richiedono un DTD, i validatori HTML si lamenteranno delle direttive angolari utilizzate nel codice.

Forse validatore è la parola sbagliata e voglio davvero un linter. L'unica cosa reale che voglio che faccia è controllare che ogni tag di apertura abbia un tag di chiusura corrispondente. Tutto il resto è un bonus.

Conoscete un tale validatore?

NOTA: Io principalmente cerco uno strumento da riga di comando che posso integrare con i miei test automatici. Ma anche un servizio web potrebbe essere utile.

Answer 1

Dal htmlhint è un'opzione, è possibile utilizzarlo come descritto here da linea di comando (ovviamente dovrete npm install prima e assicurarsi che il proprio PATH contiene node_modules/.bin):

htmlhint test.html 

per testare la specifica opzioni:

htmlhint -r tag-pair,attr-no-duplication test.html 

O se le opzioni sono in un file di configurazione:

htmlhint -c config-file test.html 

io uso le seguenti opzioni con angolare:

• tag-pair: assicurarsi che i tag siano chiusi correttamente
• attr-no-duplication: attributi non duplicata in un elemento

Answer 2

Il progetto html-angular-validate è quello che uso e penso che sia perfetto per questo. Si utilizza il servizio di validazione del W3C HTML, ed è fondamentalmente solo ignora gli errori circa conoscere cose angolare (come le proprietà che iniziano con ng-* che sono normalmente HTML non valido)

corro via sorso usando gulp-html-angular-validate

Si dovrà configuralo per conoscere il tuo elemento personalizzato e le direttive sugli attributi, che possono diventare un po 'un problema se ne aggiungi sempre di nuovi ... una volta che lo hai fatto funziona abbastanza bene e ha salvato la mia squadra molte volte trovando errori di battitura semplici e errori comuni!