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

相关内容

热门资讯

分享个大家!sohoo辅助(辅... 分享个大家!sohoo辅助(辅助挂)切实是真的有挂(有挂详细辅助教程)1、辅助器安装包、辅助器2、分...
今日科普!德普之星私人局辅助免... 今日科普!德普之星私人局辅助免费(辅助挂)都是存在有挂(有挂透视辅助技巧)1、不需要AI权限,帮助你...
玩家必看秘籍!德州透视hhpo... 玩家必看秘籍!德州透视hhpoker(辅助挂)真是真的有挂(有挂秘诀辅助工具)1、该软件可以轻松地帮...
玩家攻略推荐!wepoker辅... 玩家攻略推荐!wepoker辅助器下载(辅助挂)一直有挂(有挂猫腻辅助脚本)1、下载好正确养号方法之...
玩家实测!wepoker养号规... 玩家实测!wepoker养号规律(辅助挂)一直真的有挂(有挂技术辅助插件)1)辅助插件:进一步探索辅...
一分钟了解!wepoker安装... 一分钟了解!wepoker安装教程(辅助挂)果然真的有挂(有挂技巧辅助教程)1、辅助器安装包、辅助器...
总算清楚!佛手大菠萝13道挂哪... 总算清楚!佛手大菠萝13道挂哪里(辅助挂)本来是有挂(有挂解惑辅助脚本);1、每一步都需要思考,不同...
六分钟了解!wepoker安装... 六分钟了解!wepoker安装教程(辅助挂)竟然是有挂(有挂分析辅助方法)1、超多福利:超高返利,海...
推荐十款!pokemmo手机版... 推荐十款!pokemmo手机版脚本(辅助挂)竟然真的有挂(有挂细节辅助插件)透视方法中分为三种模型:...
重大消息!德扑圈透视挂(辅助挂... 重大消息!德扑圈透视挂(辅助挂)本来是有挂(有挂教学辅助工具)1、玩家可以在线上大神俱乐部对游戏的模...