首先调用登录模板 (login.component
),然后在登录之后加载 app.component
。
我的问题是,这是否可能?我该怎么做?
编辑后的问题:
我已经使用了 Can Activate。对不起,我还在学习英语。我想要以下内容...
引导程序首先调用 app.component。
@Component({
selector: 'my-app',
template: `
<ul class="sidebar-menu">
<li class="header">Painel</li>
<li class="treeview">
<a href="#"><i class="fa fa-link"></i> <span>Loja</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a routerLink="/dashboard">Dashboard</a></li>
</ul>
</li>
<li><a routerLink="/users"><i class="fa fa-book"></i> <span>User</span></a></li>
</ul>
<div class="content-wrapper">
<router-outlet></router-outlet>
</div>`,
})
export class AppComponent implements OnInit{}
在调用app.component
之前,我希望先调用login.component
。只有在用户登录后才会调用app.component
。
如果login.component
是一个路由,则菜单将被加载,因为菜单将被加载到<router-outlet></router-outlet>
中。