Angularjsマテリアルデザインmd-tab：タブを変更する前に検証する

Question

validate関数がtrueを返す場合にのみ、検証関数を呼び出してmd-tabを変更する方法。

Answer 1

タブがルーティングで動作している場合は、各タブのルートが異なります。ガードを使用して、タブを変更する前に検証することができます。

ガード情報：https://angular.io/guide/router#milestone-5-route-guards

ガードインターセプタの一種であり、これは、私はそれが役に立てば幸い認証に使用ガードの一例です。

import { Injectable } from '@angular/core'; 
    import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; 
    import { Observable } from 'rxjs/Observable'; 
    import {AuthService} from '../services/auth.service' 
    @Injectable() 
    export class AuthGuard implements CanActivate { 
    constructor(private authservice: AuthService, private router: Router) { 
    } 

    canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean { 
     if (this.authservice.isAuthenticated()){ 
     return true; 
     } else { 
     this.router.navigate(['auth/signIn'], {}); 

     } 
    } 

    }