重定向到Angular2中的@CanActivate内的其他组件

有没有什么办法可以重定向到另一个组件从@CanActivate在Angular2？

是的你可以！这样做会阻止您的组件实例化。

首先，创建一个新文件src / app-injector.ts

let appInjectorRef;

export const appInjector:any = (injector = false) => {
    if (!injector) {
        return appInjectorRef;
    }

    appInjectorRef = injector;

    return appInjectorRef;
};

然后，从引导中获取引用

// ...
import {appInjector} from './app-injector';
// ...


bootstrap(App,[
  ROUTER_PROVIDERS
]).then((appRef) => appInjector(appRef.injector));

最后在你的功能

// ...
import {appInjector} from './app-injector';
// ...

@CanActivate((next,prev) => {
  let injector = appInjector();
  let router = injector.get(Router);

  if (42 != 4 + 2) {
    router.navigate(['You','Shall','Not','Pass']);
    return false;
  }

  return true;
})

Etvoilà！

这里已经讨论了https://github.com/angular/angular/issues/4112

你可以在这里找到一个完整的例子http://plnkr.co/edit/siMNH53PCuvUBRLk6suc?p=preview by @brandonroberts

原文地址：https://www.jb51.cc/angularjs/144086.html