angular - Angular 2 组件的动态模板 HTML

Question

我想动态确定 Angular 2 组件的 HTML 模板。那可能吗？我们如何在 Angular 中实现这个功能？

我的目标是拥有相同的代码库/组件，但基于服务器的某些配置/URL 不同的 HTML？那可能吗？

Answer 1

如果可能的话，我建议尝试其他方法来完成您正在尝试做的事情。在我当前的项目中，我最初是通过使用 compileModuleAndAllComponentsAsync 来构建一个模块、一个组件，然后在运行时编译并将该模块添加到项目中，然后他们使用 ViewRef 手动将其注入到屏幕上的当前组件中。

（更多信息可以在这里找到）

但是，这真的会很快失控。

这也使我们无法使用 webpack，因为 webpack 无法在编译时知道需要哪些模板并将它们全部关联到一个组件。这阻止了我们使用不好的 Angular CLI。

而不是所有我建议尝试找到一种通过路由来做到这一点的方法，并路由到不同的组件。这确实意味着您需要为您拥有的每个可能的模板提供一个组件。

您还可以查看动态组件加载器，因为这是 Angular 2 支持的功能。