Angular 2如何分别加载2个App根组件

前端之家收集整理的这篇文章主要介绍了Angular 2如何分别加载2个App根组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以加载2个不同的根组件(不在页面中并排).
找到一个 plunker example,唯一的区别是两个根组件都加载在一个页面中.

<body>
  <my-app>Loading...</my-app>
  <my-sec>Loading...</my-sec>
</body>

我想要实现的是,每个组件都有自己的布局,不与app.component共享.

示例:app.component将具有普通用户的视图模板,其中admin.component将具有仪表板模板.

这可以实现吗?或者我必须为此创建2个单独的项目?(一个用于普通视图,另一个用于仪表板视图)

解决方法

虽然我无法找到正确的答案,但这是我在玩了几天后想出来的.这是“一些什么”足以满足我的需求.

这是我在github上所做的一个例子的链接.

基本上我决定放弃分别加载2个根组件并动态加载组件的想法.

如果有任何改进的地方可以做,请告诉我.

猜你在找的Angularjs相关文章