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操作时被正确调用。

相关内容

热门资讯

一秒答解!789大菠萝攻略,极... 一秒答解!789大菠萝攻略,极速猜一猜辅助,详细插件(讲解有挂)1、很好的工具软件,可以解锁游戏的极...
热点推荐!广东闲来辅助工具,随... 热点推荐!广东闲来辅助工具,随意玩脚本辅助工具透视,详细工具(真是有挂)1、用户打开应用后不用登录就...
重要通知!福建13水插件,吉安... 重要通知!福建13水插件,吉安中至小程序,详细app(有挂秘诀)1、吉安中至小程序透视辅助软件激活码...
避坑细节!牵手跑得软件,打两圈... 避坑细节!牵手跑得软件,打两圈怀疑有外挂,详细工具(真实有挂)1、完成打两圈怀疑有外挂有辅助插件,帮...
最新研发!钱塘十水三攻略,芒果... 最新研发!钱塘十水三攻略,芒果辅助器安卓版,详细方法(有挂秘诀)该软件可以轻松地帮助玩家将芒果辅助器...
推荐一款!哈糖大菠萝辅助,微信... 推荐一款!哈糖大菠萝辅助,微信中至有辅助吗,详细工具(有挂猫腻)1)微信中至有辅助吗辅助插件:进一步...
重大通报!花花生活圈辅助工具安... 重大通报!花花生活圈辅助工具安装教程,丽水双扣茶苑辅助,详细app(有挂工具)1、花花生活圈辅助工具...
查到实测!798大菠萝辅助,边... 查到实测!798大菠萝辅助,边锋干瞪眼脚本,详细技巧(有挂总结)一、边锋干瞪眼脚本游戏安装教程牌型概...
科技新动态!老友广东插件软件,... 科技新动态!老友广东插件软件,奇迹永久免费脚本辅助工具,详细软件(有挂教学)1、上手简单,内置详细流...
推荐一款!来物局怎么开挂,微信... 推荐一款!来物局怎么开挂,微信辅助接单平台黑幕,详细方法(有挂方式)1、让任何用户在无需微信辅助接单...