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

相关内容

热门资讯

玩家必看秘籍!大巴杭州辅助,新... 玩家必看秘籍!大巴杭州辅助,新畅游互娱辅助app,详细神器(有挂教学)1、新畅游互娱辅助app公共底...
玩家必备攻略!拱趴大菠萝辅助神... 玩家必备攻略!拱趴大菠萝辅助神器,雀友会广东潮汕辅助有开挂,详细神器(有挂细节)一、雀友会广东潮汕辅...
推荐一款!微乐贵阳捉鸡麻将能不... 推荐一款!微乐贵阳捉鸡麻将能不能开挂,微乐小程序辅助开发透视,详细攻略(有挂详情)亲,关键说明,微乐...
玩家亲测!贪玩娱乐科技,腾威互... 玩家亲测!贪玩娱乐科技,腾威互娱破解辅助工具,详细软件(有挂实锤)运腾威互娱破解辅助工具辅助工具,进...
一分钟揭秘!广东闲来辅助神器免... 一分钟揭秘!广东闲来辅助神器免费版,九九联盟辅助,详细器(有挂分享)1)广东闲来辅助神器免费版有没有...
大神推荐!欢乐对决辅助软件,微... 大神推荐!欢乐对决辅助软件,微信小程序万能修改器,详细脚本(有挂细节)运微信小程序万能修改器辅助工具...
玩家必看科普!人海大厅挂什么好... 玩家必看科普!人海大厅挂什么好,创思维激k透视插件,详细工具(有挂头条)1、打开软件启动之后找到中间...
热点推荐!多乐跑得私人房间插件... 热点推荐!多乐跑得私人房间插件,拱趴大菠萝修改器,详细器(有挂方针)1、许多玩家不知道多乐跑得私人房...
一秒答解!欢乐茶馆脚本辅助,福... 一秒答解!欢乐茶馆脚本辅助,福建微乐小程序修改器,详细方法(有挂秘笈)1、下载好福建微乐小程序修改器...
一分钟教你!欢乐游戏城攻略,闲... 一分钟教你!欢乐游戏城攻略,闲逸游戏辅助软件下载,详细神器(有挂攻略)1、闲逸游戏辅助软件下载脚本辅...