angular - Angular 8中的动态templateUrl
问题描述
浏览角度文档。很明显,@Component 装饰器的 templateUrl 属性中没有动态导入模板的规定,那么在 angular7+ 中有没有办法或解决方法来实现这一点?
我的模板可以超过两个,实际上到目前为止大多数情况下超过 4 个。问题是我有大约四个网站,它们共享相同的代码和功能,但 4 个网站的每个相应页面的布局不同。所以我只需要一个动态的 templateUrl 引用来使用相同的代码库,但只是根据验证当前网站的某些条件(可能来自 env 变量)切换模板
解决方案
您可以使用自己的模板创建 4 个不同的组件,并将共享代码移动到服务中,然后将该服务注入所有 4 个组件中添加一个父组件,该组件将决定应该使用哪个组件
推荐阅读
- web-scraping - Scrapy 运行但不抓取站点 - Scrapy Shell 循环响应
- c - 结构数组读取 bin 文件时出现内存错误
- django - 为什么我可以访问同一目录中的主页时无法访问关于页面?
- apache-zookeeper - 原因:java.lang.IllegalArgumentException:缺少服务器的选举端口:1
- python - 这个功能是合乎逻辑的还是我想多了?查找偶数的循环错误
- mongodb - Kubernetes:Mongo 容器未创建
- javascript - HTML Dom Direct 属性更改渲染
- python - 快速 API,在 post 请求中接受数组
- google-cloud-platform - 范围在 Google 端点打开 yaml 安全定义中不起作用
- javascript - 来自 VUEX 存储的 axios 请求