AngularNgrx-在dispatch操作时,Effects没有被调用。
创始人
2024-10-28 17:01:19
0

这可能是由于在dispatch前未注入Effect源或在提供程序中未正确声明导致的。以下是一个示例:

在您的模块中引入Effects和Store模块:

import { EffectsModule } from '@ngrx/effects'; import { StoreModule } from '@ngrx/store';

@NgModule({ imports: [ StoreModule.forRoot({}), EffectsModule.forRoot([]), ... ], ... })

在您的组件或服务文件中,创建一个action并使用dispatch将其发送到store:

import { MyAction } from '../store/my-action.actions'; import { Store } from '@ngrx/store';

constructor(private store: Store) {}

triggerAction() { this.store.dispatch(new MyAction()); }

在您的Effect中,监听您的Action并执行所需的操作:

import { Injectable } from '@angular/core'; import { Actions, Effect, ofType } from '@ngrx/effects'; import { MyAction } from '../store/my-action.actions'; import { tap } from 'rxjs/operators';

@Injectable() export class MyEffect { @Effect({dispatch: false}) myAction$ = this.actions$.pipe( ofType(MyAction), tap(() => console.log('MyAction was dispatched!')) );

constructor(private actions$: Actions) {}

}

确认在提供程序中正确声明effect:

import { EffectsModule } from '@ngrx/effects'; import { MyEffect } from './my-effect.effects';

@NgModule({ imports: [ ... EffectsModule.forFeature([MyEffect]), ... ], declarations: [...], providers: [ MyEffect, ... ] })

这些步骤应该能够使Effects在dispatch操作时被正确调用。

相关内容

热门资讯

第8分钟辅助!广东闲来辅助神器... 第8分钟辅助!广东闲来辅助神器免费版,果然有辅助方法(有挂解密)1、首先打开广东闲来辅助神器免费版辅...
第5分钟辅助!多乐辅助器免费版... 第5分钟辅助!多乐辅助器免费版,竟然存在有辅助挂(有挂秘笈)1.多乐辅助器免费版 选牌创建新账号,点...
第八分钟辅助!潘潘讲故事app... 第八分钟辅助!潘潘讲故事app外挂图片,真是是有辅助器(确实有挂)1、第八分钟辅助!潘潘讲故事app...
第五分钟辅助!传送屋软件下载辅... 第五分钟辅助!传送屋软件下载辅助,其实是有辅助技巧(有挂工具)1、不需要AI权限,帮助你快速的进行传...
第8分钟辅助!朱雀开心罗松辅助... 第8分钟辅助!朱雀开心罗松辅助器,本来是有辅助app(有挂攻略)1、朱雀开心罗松辅助器脚本辅助下载、...
3分钟辅助!爱来510k辅助器... 3分钟辅助!爱来510k辅助器,本来真的有辅助挂(有挂教程)1、3分钟辅助!爱来510k辅助器,本来...
3分钟辅助!白金岛辅助有用吗,... 3分钟辅助!白金岛辅助有用吗,切实真的有辅助攻略(确实有挂)该软件可以轻松地帮助玩家将白金岛辅助有用...
第1分钟辅助!兴动互娱辅助脚本... 第1分钟辅助!兴动互娱辅助脚本下载,都是存在有辅助攻略(有挂神器)1、游戏颠覆性的策略玩法,独创攻略...
6分钟辅助!边锋小程序辅助脚本... 6分钟辅助!边锋小程序辅助脚本免费,切实真的有辅助技巧(揭秘有挂)1、边锋小程序辅助脚本免费免费脚本...
九分钟辅助!广东雀神智能插件安... 九分钟辅助!广东雀神智能插件安装包免费,确实真的有辅助技巧(有挂规律)广东雀神智能插件安装包免费是不...