ESLint构建报错:ngIf中逻辑运算符&&存在格式错误
ESLint错误排查与修复
- 触发报错的ESLint规则:
html-eslint/valid-attribute-value(使用html-eslint插件时),或是Angular ESLint的@angular-eslint/template/no-unsafe-html-attribute。 - 问题本质:Angular模板里
*ngIf的属性值属于JS表达式环境,不能用HTML转义实体&&代替逻辑运算符&&——转义实体仅适用于普通文本内容,不适用于表达式解析场景。 - 修复后的代码:
<div class="checkbox-info" title="{{ checkboxDescription }}" *ngIf="checkboxDescription && hasToggle">
- 规则验证方法:在
.eslintrc.json等ESLint配置文件中临时禁用上述规则,重新执行构建操作,若报错消失即可确认是该规则触发的问题。
内容的提问来源于stack exchange,提问作者NikZ
相关产品推荐
相关产品推荐

