html - 如何在Angular中制作动态templateUrl

Question

我的应用程序有五个变体，所有这些都具有相同的功能。但是 HTML 模板是不同的。

现在我有五个几乎相同的 *.ts 文件。为了优化，我有一种方法 - 为服务创建逻辑，然后将其提供给组件，但我不喜欢它。

你能帮我解决这个问题吗？

• 我不想动态制作组件
• 我不想在模板中使用很多 *ngIf（对于每个变体）

---

• 我想要 1 *.component.ts 和 5 *.<%variant%>.component.html 和 5 *.<%variant%>.component.scss （我会在环境或类似环境中选择 <%variant%> 之一UseClass 和服务）
• 我想要 IDE (Webstorm) 支持 - 绑定、链接 html 变量与 *.ts

---

是的，我知道以前有人问过这个问题，Angular 中的模板由 AOT 编译成 JavaScript，这是不可能的。但也许有人通过自定义插件、webpack 配置或其他方式解决它

标签： htmlangulartemplateswebpack