Angular13库项目使用动态模板报错NG1010，有何替代实现方案？

动态模板可用性说明 #

Angular 13 开始默认强制启用AOT编译，官方已经移除了生产环境下默认搭载JIT编译器的支持，你此前通过禁用AOT绕开静态检查的方案已经完全失效。
你遇到的NG1010: template must be a string Value could not be determined statically报错，是AOT编译阶段需要静态识别所有组件模板，无法解析运行时动态拼接生成的模板字符串导致的，库项目如果需要兼容Angular 13及以上版本的常规使用场景，不能再使用原有的动态模板实现方案。

替代实现方案 #

你需要的修改组件输入后自动触发ngOnChanges、变更检测等原生行为的能力，可以通过以下两种更符合现有Angular规范的方式实现：

• 方案1：直接操作ComponentRef模拟原生行为，不需要任何动态模板
  1. 实例化目标组件拿到ComponentRef对象后，在你的工具类中封装输入属性的setter逻辑
  2. 每次输入属性修改时，对比新旧值手动组装SimpleChanges对象，主动调用目标组件的ngOnChanges方法
  3. 调用ComponentRef.changeDetectorRef.detectChanges()触发全量变更检测，该流程和Angular生产环境下的输入更新逻辑完全一致
     该方案无额外编译依赖，性能优于原有动态包装组件方案，同时兼容所有Angular 13+的编译配置
• 方案2：显式引入JIT编译器运行时编译（仅适用于测试场景）
  如果必须保留动态模板的原有逻辑，可以在库中注入Compiler服务，运行时手动编译动态生成的组件和模板。该方案要求使用你的库的用户在构建配置中保留JIT编译器，会增大构建产物体积，由于你的库是面向测试场景的工具类库，不少Angular项目的测试构建默认开启JIT，该方案可以最小程度修改原有代码逻辑完成升级，不推荐面向生产环境的库采用该方案。

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