首页 > 解决方案 > Angular 8中的动态templateUrl

问题描述

浏览角度文档。很明显,@Component 装饰器的 templateUrl 属性中没有动态导入模板的规定,那么在 angular7+ 中有没有办法或解决方法来实现这一点?

我的模板可以超过两个,实际上到目前为止大多数情况下超过 4 个。问题是我有大约四个网站,它们共享相同的代码和功能,但 4 个网站的每个相应页面的布局不同。所以我只需要一个动态的 templateUrl 引用来使用相同的代码库,但只是根据验证当前网站的某些条件(可能来自 env 变量)切换模板

标签: angulartemplates

解决方案


您可以使用自己的模板创建 4 个不同的组件,并将共享代码移动到服务中,然后将该服务注入所有 4 个组件中添加一个父组件,该组件将决定应该使用哪个组件


推荐阅读