ngXS选择器无状态切片变更时，页面初始化会触发订阅吗？

NGXS的选择器（包括@Select装饰器创建的Observable）属于冷Observable，当你在ngOnInit中订阅它时，每次订阅都会触发选择器执行一次，获取当前状态切片的初始值并推送给订阅者——这就是页面刷新后subscribe代码执行的原因。

核心原因解析 #

• NGXS选择器本质是对Redux状态的查询逻辑，订阅时会立即同步返回当前状态的快照，这是框架设计的默认行为，目的是让组件初始化时就能拿到最新状态数据，保证视图与状态同步。
• 如果你希望只响应状态变化（忽略初始值），可以在pipe中添加skip(1)操作符，跳过第一次的初始值推送：

ngOnInit(): void {
  this.deleteSurveys$.pipe(
    takeUntil(this.destroy$),
    debounceTime(600),
    skip(1) // 跳过初始值，仅响应后续状态变更
  ).subscribe((result: IDeleteSurveys) => {
    if (!result.surveyDeleteResult.esriUpdate) {
      return;
    }

    this.esriUpdate(result.surveyIds, result.surveyDeleteResult.iotFunc);
  });
}

额外注意事项 #

• 可以先检查选择器对应状态切片的初始化默认值，如果默认值里surveyDeleteResult.esriUpdate为true，那初始订阅时就会触发esriUpdate方法，这种情况可能需要调整状态的初始值，或者在订阅回调里补充更严格的判断逻辑。
• 使用skip(1)会跳过所有订阅后的第一次推送，包括组件重新初始化时的初始状态，要确认业务场景确实不需要获取初始状态再使用。

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