创建动态Angular HTML时遇JIT模板编译错误求助

创建动态Angular HTML时出现JIT模板编译错误，包含[ngStyle]这类Angular语法的代码无法被正常解析。

错误截图如下：

问题复现步骤 #

• 点击HTML Template按钮，再点击Render Template Button（纯HTML内容），该场景可正常运行
• 点击Angular Template按钮，再点击Render Template Button（内容包含[ngStyle]等Angular代码），触发JIT编译错误

相关复现代码基于Angular CLI项目，涉及核心文件有：

• src/main.ts
• src/app/dynamic-html/dynamic-html.component.html
• src/app/dynamic-html/dynamic-html.component.ts
• angular.json
• tsconfig.app.json

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