Как реализовать CanActivate охранник в Angular2

Question

Я пытаюсь реализовать метод «CanActivate» в моей службе, а ниже код

import { Injectable } from '@angular/core'; 
import { CanActivate } from '@angular/router'; 

@Injectable() 
export class GuardUserSearchService implements CanActivate { 

    CanActivate() { 
     console.log('dummy guard clause for User search'); 
     return true; 
    } 
} 

сервис Когда я компилирую этот машинопись код, он отображает следующие ошибки

Класс 'GuardUserSearchService' неправильно реализует интерфейс 'CanActivate'.

Любая идея, в чем проблема в моем коде.

Answer 1

Ваша служба должна реализовать эту функцию в полной мере реализовать этот интерфейс CanActivate:

canActivate(
    next: ActivatedRouteSnapshot, 
    state: RouterStateSnapshot 
): Observable<boolean> | Promise<boolean> | boolean { } 

виду, что имя интерфейса CanActivate (с прописными буквами C), тогда как имя метода является canActive (в нижнем регистре c).

Answer 2

Согласно the documentation, интерфейс выглядит следующим образом:

interface CanActivate { 
    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) : Observable<boolean>|Promise<boolean>|boolean 
} 

Итак, ваша реализация не хватает аргументов:

export class GuardUserSearchService implements CanActivate { 
    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { 
     console.log('dummy guard clause for User search'); 
     return true; 
    } 
}