Angular 5指令在登录/登出时如何重新执行权限校验？

嘿，你这个思路太对了——用BehaviorSubject在授权服务中管理登录/权限状态，然后让指令订阅这个Subject来触发重新校验，这正是Angular里处理动态状态变更通知的标准且推荐的做法，在Angular 5里完全适用。

为什么这个模式靠谱？ #

• BehaviorSubject的“记忆性”完美解决你的痛点：它会保存当前的最新状态值，不管是页面刚加载时指令初始化订阅，还是登录/登出后状态更新，你的指令都能立刻收到最新值并重新执行权限校验。这正好解决了你之前“页面重载有效，但登录登出不更新”的问题——之前的指令可能只在初始化时跑一次逻辑，现在通过订阅就能自动监听变化。
• 授权服务作为单一状态源符合设计原则：把登录/权限状态集中在专门的Authorization Service里，遵循了Angular的单一职责原则，所有需要依赖这个状态的组件、指令都能复用这个服务，避免状态分散在各个地方，后期维护起来更省心。
• 完全兼容Angular 5：BehaviorSubject在Angular 5对应的RxJS 5.x版本中已经是成熟的API，没有版本兼容问题，放心用就行。

给你几个小优化建议，让实现更健壮 #

1. 记得取消订阅，避免内存泄漏
   指令里订阅Subject时，一定要在ngOnDestroy钩子中取消订阅，不然组件销毁后订阅还存在会导致内存泄漏。示例代码：

   import { Subscription } from 'rxjs/Subscription';
   
   // 指令类内部
   private authStatusSubscription: Subscription;
   
   ngOnInit() {
     this.authStatusSubscription = this.authorizationService.authStatus$.subscribe(() => {
       // 执行你的权限校验和菜单更新逻辑
       this.updateMenuBasedOnClaims();
     });
   }
   
   ngOnDestroy() {
     if (this.authStatusSubscription) {
       this.authStatusSubscription.unsubscribe();
     }
   }
   

2. 合理设置BehaviorSubject的初始值
   BehaviorSubject必须要有初始值，你在构造函数里检查登录状态来设置初始值的做法是对的。比如可以初始化为false（未登录状态）或者一个空的权限集合，确保订阅者一开始就能拿到有效值，避免空值报错。

3. 把权限校验逻辑封装到服务中
   建议把检查用户是否拥有指定claim的逻辑封装在Authorization Service里，比如加一个hasClaim(claimName: string)方法，指令里直接调用这个方法，而不是在指令里写校验逻辑。这样后续如果权限规则有变化，只需要修改服务里的方法就行，不用改每个指令。

总的来说，你的实现是Angular中处理动态权限校验的最佳实践之一，完全符合Angular 5的设计模式，调整好上面的细节后就能稳定运行啦！

内容的提问来源于stack exchange，提问作者devzero