LoggedInOutlet angular2身份验证-路由器v3.0.0-alpha8-ComponentInstruction在哪里? [英] LoggedInOutlet angular2 authentication - Router v3.0.0-alpha8 - Where is ComponentInstruction?
问题描述
我正在使用类似这样的代码来扩展RouterOutlet并创建应用范围的身份验证和路由保护
I am using code like this to extend RouterOutlet and create app wide authentication and route protection
import {Directive, Attribute, ViewContainerRef, DynamicComponentLoader} from '@angular/core';
import {Router, ComponentInstruction} from '@angular/router';
import {Router} from '@angular/router';
import {RouterOutletMap} from '@angular/router/src/router_outlet_map';
import {RouterOutlet} from '@angular/router/src/directives/router_outlet';
import {Authentication} from '../common/authentication.service';
@Directive({
selector: 'router-outlet'
})
export class LoggedInRouterOutlet extends RouterOutlet {
publicRoutes:any;
isAuthenticated:boolean;
//private router: any;
constructor(public _elementRef: ElementRef, public _loader: DynamicComponentLoader,
public _parentRouter: Router, @Attribute('name') nameAttr: string, public authService:Authentication) {
super(_elementRef, _loader, _parentRouter, nameAttr);
this.isAuthenticated = authService.isLoggedIn();
//this.router = _parentRouter;
/**
* DEFINE PUBLIC ROUTES
*
* The Boolean following each route below denotes whether the route requires authentication to view.
*
* Format: key/value pair
* - key is the /route url "/login", "/signup", etc
* - value is a boolean true/false
* `true` means it's a publicly available route. No authentication required
* `false` means it's a protected route which is hidden until user is authenticated
*
*/
this.publicRoutes = {
'login': true,
'signup': true,
'404': true
};
} // end constructor
routeIsActive(routePath:string) {
return this.router.url == routePath;
}
activate(instruction: ComponentInstruction) {
// let url = instruction.urlPath;
let url = this.router.url;
// If the url doesn't match publicRoutes and they are not authenticated...
if (!this.publicRoutes[url] && !this.isAuthenticated) {
// todo: redirect to Login, may be there a better way?
this.router.navigateByUrl('/login');
}
return super.activate(instruction);
}
}
问题是新的v3.0.0-alpha8路由器中不存在ComponentInstruction,并且超级方法签名已更改.我如何更新它以在新路由器中工作?我找不到任何说明更改的文档.
Problem is that ComponentInstruction does not exist in the new v3.0.0-alpha8 router, and the super method signature has changed. How do I update this to work in the new router? I cannot find any documentation explaining the changes.
推荐答案
ComponentInstruction 已被弃用.在当前Angular2的RC4版本中,此类已在reouter弃用的情况下列出.随着RC5的加入,该软件包将被丢弃.
ComponentInstruction has been deprecated. In the current RC4 version of Angular2, this class has been listed under reouter-deprecated. With RC5 coming in, this package would be dropped.
RouterOutlet随时间变化很大,为了使您的类LoggedInRouterOultet正常工作,您必须使用
RouterOutlet has changed a lot over time and to make your class LoggedInRouterOultet work, you have to use CanActivate interface.
您可以执行以下操作:
此处显示了诸如LoggedInActivator之类的可注入服务:
import { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';
import { LogInService } from './login.service';
@Injectable()
export class LoggedInActivator implements CanActivate {
constructor(private loginService: LogInService) {}
canActivate() {
return this.loginService.isLoggedIn();
}
}
添加canActivate并将其映射到组件上的LoggedInActivator,同时定义路由:
{ path: 'home', component: HomeComponent, canActivate: [LoggedInActivator] }
我希望这会有所帮助!
这篇关于LoggedInOutlet angular2身份验证-路由器v3.0.0-alpha8-ComponentInstruction在哪里?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!