如何让Angular的TypeScript编译器忽略HTML模板文件？

方法1：全局禁用Angular模板类型检查（推荐） #

直接修改项目根目录的tsconfig.json，在angularCompilerOptions中设置strictTemplates为false：

{
  "compilerOptions": {
    // 保留原有TS编译配置
  },
  "angularCompilerOptions": {
    "strictTemplates": false,
    // 其他Angular编译配置保持不变
  }
}

该配置会一次性关闭所有Angular模板中的TypeScript类型校验，无需修改任何业务代码。测试完成后，将strictTemplates改回true即可恢复原有检查规则。

方法2：临时降低TS编译严格程度（可选） #

如果需要更彻底的屏蔽，可在compilerOptions中临时调整严格模式相关配置（仅建议测试期间使用）：

• 将strict设为false（关闭所有严格类型检查）
• 单独关闭noImplicitAny、strictNullChecks等细分选项

相比方法1，这种方式会影响TS代码本身的类型校验，因此仅作为备选方案。

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