Angular13中配置@angular-eslint/template/eqeqeq为off不生效如何解决

问题原因 #

你的@angular-eslint/template/eqeqeq规则配置放错了生效范围：

• 你当前把这条规则写在了匹配*.ts文件的overrides规则块中，仅会对TS文件内的组件内联模板生效
• 你项目中单独的.html模板文件匹配的是第二个overrides块，该块的rules配置为空，仍然沿用plugin:@angular-eslint/template/recommended中默认开启的eqeqeq规则，所以校验仍然会触发报错。

解决方案 #

修改对应.html文件匹配块的规则配置，添加关闭eqeqeq的规则即可：

{
  "files": [
    "*.html"
  ],
  "extends": [
    "plugin:@angular-eslint/template/recommended"
  ],
  "rules": {
    "@angular-eslint/template/eqeqeq": "off"
  }
}

修改配置后建议重启IDE的ESLint服务，或者重新执行lint命令清除缓存后校验，即可确认规则生效。

内容的提问来源于stack exchange，提问作者San Jaisy