NGXS调度取消来自另一个菜单的http请求。

Question

我遇到了使用NGXS的奇怪情况，例如，我有3个菜单：

ondestroy()

• Menu

1. 菜单销售>调用http获取销售数据>在客户中具有unsubsribe功能>在ondestroy()
   1. Menu设置中具有unsubsribe函数，默认年份中=>有调度()方法，但没有http请求数据

违约年

       this.store.dispatch(new SetYear(
        {
            year:'2022'                
        }))   .subscribe(
            data => {
                console.log('success default year')
            },
            error => {
                console.log('error')

            }
        );

user.state.ts

     @Action(SetYear,{ cancelUncompleted: true })
     SetYear(ctx: StateContext<UserStateModel>, action: SetYear) {
        const state = ctx.getState();
        ctx.setState({
          ...state,
          users: [{
            ...state.users[0],
            ...action.payload
         }] 
       });
      }

首先是sales菜单，其次是customer菜单，最后是设置默认年份菜单，然后使用调度()默认年份，但是http和http再次被调用。为什么会发生这种事？什么是解决办法？

Answer 1

我解决了我的问题。在ngonInit()中的sales和customer组件中，我读取ngxs存储，给变量赋值并调用http请求

customer.component.ts : methode ngOnInit()

在此之前

 this.users$.subscribe(async(data) => {
         let idstore = data[0].idstore;
         this.getCustomers(idstore) // call http request
    })

之后

   this.users$.pipe(
        take(1) //=> code solution pipe+take
      ).subscribe(async(data) => {
         let idstore = data[0].idstore;
         this.getCustomers(idstore) // call http request
    })

那是完美的