@angular-eslint/template/eqeqeq 禁用或允许 null

Posted 2023-03-27

【中文标题】@angular-eslint/template/eqeqeq 禁用或允许 null

【英文标题】：@angular-eslint/template/eqeqeq Disable or allow null

【发布时间】：2021-10-21 03:18:31

【问题描述】：

使用 Angular 12 和 eslint，我在模板中出现错误，因为我正在这样做：

<button [disabled]="someVariable == null"></button>

预期为===，但收到== eslint(@angular-eslint/template/eqeqeq)

在查看source code 时，我注意到一个名为allowNullOrUndefined 的选项。

我尝试这样定义规则：

"@angular-eslint/template/eqeqeq": [
    "error",
    
        "allowNullOrUndefined": true
    
]

但我仍然收到错误消息。所以我尝试完全禁用该规则，如下所示：

"@angular-eslint/template/eqeqeq": ["off"]

或者像这样：

"@angular-eslint/template/eqeqeq": "off"

但没有运气，我仍然在模板中收到错误。

我找不到有关该规则的任何文档。我可以禁用它或允许 null 或 undefined 的 double equal 吗？

【问题讨论】：

使用== null有什么具体原因吗？如果您不关心null，并在someVariable 具有真实值时禁用按钮，您可以简单地执行[disabled]="!someVariable"

好吧....确实:)

【参考方案1】：

2 年后！你很亲密。将其添加到 .eslintrc.json 的 html 部分，如下所示：

  "files": [
    "*.html"
  ],
  "extends": [
    "plugin:@angular-eslint/template/recommended"
  ],
  "rules": 
    "@angular-eslint/template/eqeqeq": [
      "error",
      
        "allowNullOrUndefined": true
      
    ]
  

显然，请确保您安装了正确的 npm 模块，例如 @angular-eslint/template-parser

如果您使用 ng add @angular-eslint/schematics --skip-confirmation 将 eslint 安装到您的 Angular 项目中，这些应该已经安装。