Angular 12下@angular-eslint/template/eqeqeq规则配置异常：无法禁用或允许针对null/undefined使用==运算符

我之前碰到过完全一样的问题，核心原因是Angular ESLint的模板规则需要放在特定的配置块中，而不是全局规则里。下面分两种场景给出解决方案：

场景1：允许针对null/undefined使用==运算符 #

你尝试的allowNullOrUndefined配置项是有效的，但需要把它放在针对HTML模板文件的配置段里，而不是全局rules对象中。Angular的模板规则（比如@angular-eslint/template/eqeqeq）只作用于.html文件，所以必须在overrides数组里指定文件类型后配置规则。

正确的.eslintrc.json配置示例：

{
  "root": true,
  "overrides": [
    // 针对HTML模板文件的规则配置
    {
      "files": ["*.html"],
      "extends": ["plugin:@angular-eslint/template/recommended"],
      "rules": {
        "@angular-eslint/template/eqeqeq": [
          "error",
          {
            "allowNullOrUndefined": true
          }
        ]
      }
    },
    // 你的TypeScript文件规则配置（保留原有内容即可）
    {
      "files": ["*.ts"],
      "extends": ["plugin:@angular-eslint/recommended"],
      // ...其他TS规则
    }
  ]
}

场景2：完全禁用该规则 #

同样，禁用规则也需要放在*.html文件的配置块中，两种写法都支持，但位置一定要对：

{
  "root": true,
  "overrides": [
    {
      "files": ["*.html"],
      "extends": ["plugin:@angular-eslint/template/recommended"],
      "rules": {
        // 两种写法任选其一
        "@angular-eslint/template/eqeqeq": "off",
        // "@angular-eslint/template/eqeqeq": ["off"]
      }
    }
  ]
}

额外排查点 #

如果配置后还是不生效，可以试试这两步：

1. 检查@angular-eslint/eslint-plugin-template的版本，Angular 12对应的插件版本建议用12.x.x系列，旧版本可能存在配置项兼容问题；
2. 重启IDE的ESLint服务（比如VSCode可以按Ctrl+Shift+P，选择ESLint: Restart ESLint Server），确保配置文件被重新加载。

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