Angular strictTemplates相关严格性标志的配置位置及方法

这些模板类型检查相关的严格性标志，全部配置在项目根目录的tsconfig.json文件中，具体是放在angularCompilerOptions对象下，步骤如下：

1. 打开项目根目录的tsconfig.json
2. 找到或新增angularCompilerOptions字段（如果原本没有，直接在JSON根节点下添加）
3. 在angularCompilerOptions中添加你需要的严格性标志，设置为true（开启）或false（关闭）

配置示例 #

{
  "compilerOptions": {
    // 你的常规TypeScript编译配置
  },
  "angularCompilerOptions": {
    "strictTemplates": true, // 已启用的基础严格模板检查
    "strictInputTypes": true, // 严格校验组件输入的类型匹配
    "strictInputAccessModifiers": false, // 关闭私有/受保护输入属性的模板访问检查
    "strictNullInputTypes": true // 严格处理输入属性的null/undefined值
  }
}

关键说明 #

• 当你开启strictTemplates后，部分严格标志会默认启用，如果你想放宽某一项检查，直接将对应标志显式设为false即可，这样就能只保留你认为更相关的错误检查。
• 所有这些标志的生效都依赖于strictTemplates处于启用状态，若strictTemplates为false，这些细分标志不会起作用。

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