angularjs – 如何验证角度HTML模板

前端之家收集整理的这篇文章主要介绍了angularjs – 如何验证角度HTML模板前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试在我的角度 HTML模板中写大多数有效的多边形(X)HTML 5.他们看起来像这样:
<div class="some-class">
  <input type="checkBox" data-ng-model="variable" />
  <foo-directive data-ng-if="variable"></foo-directive>
</div>

有时我忘记正确关闭标签,打破了一些浏览器.所以我想在我的工具链中加入一个验证器.

问题是:我不知道可以处理这种情况的验证器. XML验证器通常需要DTD,HTML验证器将会抱怨代码中使用的角度指令.

也许验证器是错误的词,我真的想要一个linter.我想要做的唯一真正的事情是检查每个开头标签是否具有匹配的关闭标签.一切都是奖金.

你知道这样一个验证器吗?

注意:我主要搜索一个可以与我的自动化测试集成的命令行工具.但是webservice也可能是有帮助的.

由于 htmlhint是一个选项,您可以使用命令行所述的 here(当然,您必须先安装npm并确保您的PATH包含node_modules / .bin):
htmlhint test.html

测试具体选项:

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

或者如果选项位于配置文件中:

htmlhint -c config-file test.html

我使用Angular的以下选项:

>标签对:确保标签正确关闭> attr-no-duplication:元素中没有重复的属性

猜你在找的Angularjs相关文章