账户登出功能

沈斌

2018-02-28 f722a5bff25a5b365b33052f3a59322a7021168d

账户登出功能

 src/app/layout/default/header/components/user.component.ts

@@ -35,7 +35,7 @@
            token: 'nothing',
            name: 'Admin',
            avatar: './assets/img/zorro.svg',
            email: 'cipchk@qq.com'
            email: 'admin@qq.com'
        };
        this.tokenService.set(token);
    }

 src/app/layout/default/sidebar/sidebar.component.html

@@ -8,9 +8,9 @@
            </div>
        </div>
        <ul nz-menu>
            <li nz-menu-item (click)="msgSrv.success('profile')">{{ 'profile' | translate }}</li>
            <li nz-menu-item (click)="msgSrv.success('settings')">{{ 'settings' | translate }}</li>
            <li nz-menu-item (click)="msgSrv.success('logout')">{{ 'logout' | translate }}</li>
            <li nz-menu-item [nzDisable]="true">{{ 'profile' | translate }}</li>
            <li nz-menu-item [nzDisable]="true">{{ 'settings' | translate }}</li>
            <li nz-menu-item (click)="logout()">{{ 'logout' | translate }}</li>
        </ul>
    </nz-dropdown>
    <sidebar-nav class="d-block py-lg"></sidebar-nav>

 src/app/layout/default/sidebar/sidebar.component.ts

@@ -1,12 +1,20 @@
import { Component } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd';
import { SettingsService } from '@delon/theme';
import {Router} from '@angular/router';

@Component({
  selector   : 'app-sidebar',
  templateUrl: './sidebar.component.html'
})
export class SidebarComponent {
    constructor(public settings: SettingsService, public msgSrv: NzMessageService) {
    constructor(
        private router: Router,
        public settings: SettingsService,
        public msgSrv: NzMessageService) {
    }

    logout() {
        this.router.navigateByUrl('/passport/login');
    }
}

 src/assets/app-data.json

@@ -1,12 +1,12 @@
{
    "app": {
        "name": "Alain",
        "description": "Ng-zorro admin panel front-end framework"
        "name": "七星瓢虫环境监测",
        "description": "七星瓢虫环境监测后台配置中心"
    },
    "user": {
        "name": "Admin",
        "avatar": "./assets/img/zorro.svg",
        "email": "cipchk@qq.com"
        "email": "admin@qq.com"
    },
    "menu": [{
            "text": "主导航",