Как проверить angular HTML-шаблоны

Я пытаюсь написать в основном HTML-шаблоны с использованием полиглота (X) HTML 5 в моих angular HTML-шаблонах. Они выглядят примерно так:

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

Иногда я забываю закрыть тег, который разбивает некоторые браузеры. Поэтому я хотел бы включить валидатор в свою инструментальную цепочку.

Проблема в том, что я не знаю, какой валидатор может обрабатывать этот случай. Валидаторы XML обычно требуют DTD, HTML-валидаторы будут жаловаться на директивы angular, которые используются в коде.

Может быть, валидатор - это неправильное слово, и я действительно хочу использовать linter. Единственное, что я хочу сделать, это проверить, что каждый открывающий тег имеет соответствующий тег закрытия. Все остальное - бонус.

Знаете ли вы о таком валидаторе?

ПРИМЕЧАНИЕ. Сначала я ищу инструмент командной строки, который я могу интегрировать с моим автоматическим тестированием. Но webservice также может быть полезен.

Ответ 1

Так как htmlhint является опцией, вы можете использовать его, как описано здесь из командной строки ( конечно, вам нужно будет npm install сначала и убедитесь, что ваш PATH содержит node_modules/.bin):

htmlhint test.html

Чтобы проверить конкретные параметры:

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

Или, если параметры находятся в файле конфигурации:

htmlhint -c config-file test.html

Я использую следующие параметры с Angular:

tag-pair: убедитесь, что теги закрыты правильно
attr-no-duplication: нет дубликатов атрибутов в элементе