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

Penleychan

是否可以加载2个不同的根组件(不在页面中并排)。找到一个小例子,唯一的区别是两个根组件都被加载到一个页面中。

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

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

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

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

Penleychan

尽管我找不到正确的答案,但这是经过几天的尝试后得出的。这足以满足我的需求。

这是我在github上所做的示例的链接

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

如果有任何需要改进的地方,请告诉我。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何动态加载Angular2根组件

来自分类Dev

如何在根级别加载yii2模块

来自分类Dev

分别加载Bootstrap组件

来自分类Dev

获取根组件ElementRef或ComponentRef angular 2

来自分类Dev

Angular 2 Bootstrap多根组件

来自分类Dev

Angular 2 Bootstrap多根组件

来自分类Dev

绑定到Angular 2根组件的参数为null

来自分类Dev

Angular 2跨应用程序(根组件)通信

来自分类Dev

Angular 2将ViewBag传递到根组件

来自分类Dev

动态加载组件 Angular 2

来自分类Dev

如何处理Angular 1.x组件URL根?

来自分类Dev

当组件以与angular 1 app类似的角度2加载组件时运行代码

来自分类Dev

动态加载组件后如何让 angular2 更新内容

来自分类Dev

在Angular2中动态加载组件

来自分类Dev

Angular2-从模块动态加载组件

来自分类Dev

Angular 2子路径组件加载问题

来自分类Dev

Angular2:无法加载组件

来自分类Dev

在Angular2中动态加载组件

来自分类Dev

延迟加载 Angular 2 组件缓存问题

来自分类Dev

在 Angular 2 中重新加载组件

来自分类Dev

@Input()无法在Angular 2 App中的父子组件之间传递

来自分类Dev

Angular 2 Testing App加载时卡住

来自分类Dev

如何在 Angular 6 中测试应用程序/根组件

来自分类Dev

Angular 2多个组件

来自分类Dev

Angular 2模板组件

来自分类Dev

Angular 2 组件中的组件

来自分类Dev

如何使用ngFor在angular2中加载多个子组件?

来自分类Dev

如何防止组件在angular2的查询参数更改时再次加载?

来自分类Dev

Angular 2-如何将id属性设置为动态加载的组件