angularjs – 如何验证角度HTML模板

发布时间：2020-12-17 07:36:22 所属栏目：安全来源：网络整理

导读：我尝试在我的角度 HTML模板中写大多数有效的多边形(X)HTML 5.他们看起来像这样： div class="some-class" input type="checkbox" data-ng-model="variable" / foo-directive data-ng-if="variable"/foo-directive/div 有时我忘记正确关闭标签,打破了一些浏览

我尝试在我的角度 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：元素中没有重复的属性

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!