Angular模板中?.运算符触发‘表达式恒为假’错误，如何单独忽略？

问题场景 #

更新依赖后，Angular 18.2.8（搭配TypeScript 5.5.4）项目中，在HTML模板使用可选链运算符?.时，Sublime Text搭配LSP（eslint/angular）插件会触发错误提示：this kind of expression is always falsy。但实际代码可正常编译运行，且VSCode中无此错误（强制使用项目TS版本后也正常），推测是Angular/ESLint插件在不同编辑器LSP实现中的差异导致误报。

示例代码：

<app-configuration-panel [configuration]="currentApp?.configuration" />

解决方案（仅忽略该特定错误，保留其他检查） #

1. 全局针对HTML模板禁用误报规则（ESLint配置） #

打开项目根目录的ESLint配置文件（如.eslintrc.json），在overrides中添加针对HTML文件的规则覆盖，禁用触发误报的规则：

{
  "overrides": [
    {
      "files": ["*.html"],
      "rules": {
        // 若误报来自Angular模板规则
        "@angular-eslint/template/no-unnecessary-condition": "off",
        // 若误报来自TypeScript规则，可尝试启用此行
        // "@typescript-eslint/no-unnecessary-condition": "off"
      }
    }
  ]
}

注：可通过Sublime Text的LSP错误提示详情确认具体规则ID，替换上述对应规则名即可。

2. 在Sublime Text LSP插件中单独配置忽略 #

通过Sublime Text的命令面板（Command Palette）打开LSP: Settings，找到ESLint客户端配置，添加规则禁用：

{
  "clients": {
    "eslint": {
      "settings": {
        "eslint": {
          "rules": {
            "@angular-eslint/template/no-unnecessary-condition": "off"
          }
        }
      }
    }
  }
}

3. 针对单个模板行添加忽略注释 #

如果只想忽略某一行的误报，可在报错元素上方添加ESLint忽略注释（遵循Angular模板注释格式）：

<!-- eslint-disable-next-line @angular-eslint/template/no-unnecessary-condition -->
<app-configuration-panel [configuration]="currentApp?.configuration" />

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