在angular2，我很难让CanDeactivate工作

Question

在angular2中，我试图让CanDeactivate工作。我目前正在使用我的主页路径来测试这个功能。

我想要的结果是:如果用户没有经过身份验证，就将他们重定向到另一个页面。

我使用的是angular2的类型记录，我有最新的库和稳定的angular2应用程序。

我在下面试过试着让它起作用。

我对主路由文件的尝试：

     import { Route, CanDeactivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { HomeComponent } from './index';

export const HomeRoutes: Route[] = [
  {
    path: '',
    pathMatch: 'full',
    component: HomeComponent,
    canActivate: [CanDeactivateTeam]
  },
  {
    path: 'home',
    pathMatch: 'full',
    component: HomeComponent,
    canActivate: [CanDeactivateTeam]
  },
  {
    path: 'homepage',
    pathMatch: 'full',
    component: HomeComponent,
    canActivate: [CanDeactivateTeam]
  }
];

class UserToken {}

@Injectable()
class Permissions {
  canDeactivate(user: UserToken, id: string): boolean {
    return true;
  }
}

@Injectable()

class CanDeactivateTeam implements CanDeactivate<HomeComponent> {
  constructor(private permissions: Permissions, private currentUser: UserToken) {}
  canDeactivate(
    component: HomeComponent,
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
  ): Observable<boolean>|Promise<boolean>|boolean {
    return this.permissions.canDeactivate(this.currentUser, route.params.id);
  }
}

这是我的新错误：

未知(承诺)：错误:标记必须被定义！

Answer 1

• 将pathMatch: 'full'添加到空路径路由。错误消息中是否有更多的细节？
• 将@Injectable()添加到Permissions

@Injectable()
class Permissions {
  canDeactivate(user: UserToken, id: string): boolean {

• 确保提供CanDeactivateTeam、Permission和UserToken

@NgModule({
  imports: [...],
  providers: [CanDeactivateTeam, Permission, UserToken],
  ...
})
export class AppModule {}