angular - Angular2 : Impossible de résoudre tous les paramètres lors de l'injection d'un service dans un garde
Je mets à jour mon application Angular2 vers RC.7 et je rencontre un problème avec mon guard qui vérifie la permission d'un utilisateur avant de permettre l'accès à la page. Pour l'instant, j'ai simplifié le guard pour qu'il retourne toujours true et ça ne fonctionne toujours pas - on dirait qu'il ne trouve pas mon appStateService, alors que je l'ai injecté dans d'autres composants et services de mon application et que cela fonctionne correctement là-bas.
Code de surveillance :
import { Inject, Injectable } from '@angular/core';
import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
import { AppStateService } from '../../appState';
@Injectable()
export class MonitorPermissionGuard implements CanActivate {
constructor(private appStateService: AppStateService, private router: Router) {}
canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
console.log('guard called');
return true;
}
}
Mon fichier app.module.ts contient à la fois AppStateService et MonitorPermissionGuard ajoutés au tableau des fournisseurs.
Je reçois l'erreur suivante dans ma console lorsque j'exécute l'application :
metadata_resolver.js:523 Uncaught Error: Can't resolve all parameters for MonitorPermissionGuard: (?, Router).
Je ne suis pas sûr de ce qui se passe ici parce que j'ai utilisé le appStateService dans toute l'application sans problème.
Merci
ÉDITER : Code pour AppStateService
@Injectable()
export class AppStateService {
public appState: AppStateModel;
constructor() {
this.appState = new AppStateModel();
}
toggleSidenav() {
this.appState.sidenavExpand = !this.appState.sidenavExpand;
}
clearSidenav() {
this.appState.sidenavButtons = new Array<SidenavButton>();
}
addSidenavLink(buttonText: string, iconClass: string, route: string) {
let sidenavButton: SidenavButton = new SidenavButton(buttonText, iconClass, route);
this.appState.sidenavButtons.push(sidenavButton);
}
setPageTitle(pageTitle: string) {
this.appState.pageTitle = pageTitle;
}
hasPermission(feature: string) {
return this.appState.userPermissions[feature];
}
giveFeaturePermission(feature: string) {
this.appState.userPermissions[feature] = true;
}
recantFeaturePermission(feature: string) {
this.appState.userPermissions[feature] = false;
}
showInfo(message: string) {
this.showMessage('INFO', message);
}
showWarning(message: string) {
this.showMessage('WARNING', message);
}
showError(message: string) {
this.showMessage('ERROR', message);
}
private showMessage(type: string, message: string) {
this.appState.appMessage.type = type;
this.appState.appMessage.message = message;
this.appState.isMessageShown = true;
setTimeout(() => { this.appState.isMessageShown = false; }, 2000);
}
}