Ngxs - 如何使用selectSnapshot?

问题描述 投票:4回答:1

我有一个警卫,检查状态是否有令牌。

canActivate(): boolean {
const token = this.store.selectSnapshot((state: AuthenticationState) => state.token);
  if (!token) {
    return true;
  }

  this.router.navigate(['home']);
  return false;
}

然后我有这样的事情:

export class AuthenticationState {
  @Selector()
  static token(state: AuthenticationStateModel) {
    return state.token;
  }
}

我收到一个错误。 'AuthenticationState'类型上不存在属性'token'

angular store ngxs
1个回答
6
投票

你在这里犯的错误是你假设lambda的state参数是你的AuthenticationState,它实际上是整个应用程序状态,它是AuthenticationState的父类。您应该像这样传递您的选择器:

canActivate(): boolean {
const token = this.store.selectSnapshot(AuthenticationState.token);
  if (!token) {
    return true;
  }

  this.router.navigate(['home']);
  return false;
}

几天前NGXS的作者实际上发了一篇关于这个话题的文章:https://medium.com/@amcdnl/authentication-in-ngxs-6f25c52fd385

© www.soinside.com 2019 - 2024. All rights reserved.