沈斌
2017-12-15 f9b157566af34b8dc28ba10b34d025ac04f3168b
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<div class="content__title">
    <h1>
        路由守卫
    </h1>
</div>
<nz-button-group>
    <button nz-button [routerLink]="['/logics/guard/leave']">
        <span>离开确认页</span>
    </button>
    <button nz-button [routerLink]="['/logics/guard/auth']">
        <span>需要授权页</span>
    </button>
    <button nz-button [routerLink]="['/logics/guard/admin']">
        <span>需要管理角色页</span>
    </button>
</nz-button-group>
<nz-button-group>
    <button nz-button (click)="toggleLogin()">
        <span>设置【{{ userSrv.isLogin ? '未' : '已' }}登录】</span>
    </button>
    <button nz-button (click)="toggleRule()">
        <span>设置【{{ !userSrv.hasRole('admin') ? '管理员' : '员工' }}】</span>
    </button>
</nz-button-group>
<p class="mb-lg">
    登录状态:{{ userSrv.isLogin ? '已' : '未' }}登录<br>
    角色:{{ userSrv.hasRole('admin') ? '管理员' : '员工' }}
</p>
<router-outlet></router-outlet>