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

相关内容

热门资讯

必备教程!wepoker专用辅... 必备教程!wepoker专用辅助!确实真的有辅助app(真的有挂)1、游戏颠覆性的策略玩法,独创攻略...
大家学习交流!开心泉州小程序辅... 大家学习交流!开心泉州小程序辅助免费下载!一直真的是有辅助工具(有挂攻略)开心泉州小程序辅助免费下载...
事发当天!欢乐达人暗堡破解!原... 事发当天!欢乐达人暗堡破解!原来确实有辅助app(有挂解密)1、欢乐达人暗堡破解模拟器是什么优化,欢...
据玩家消息!途游四川小程序规律... 据玩家消息!途游四川小程序规律!总是是有辅助挂(有挂实锤)1、首先打开途游四川小程序规律辅助器下载最...
这一现象值得深思!欢乐达人暗堡... 这一现象值得深思!欢乐达人暗堡辅助!确实真的有辅助攻略(有挂透视)欢乐达人暗堡辅助是不是有人用挂微扑...
玩家必看科普!青鸟辅助平台!真... 玩家必看科普!青鸟辅助平台!真是真的是有辅助神器(有挂辅助)亲,关键说明,青鸟辅助平台透视脚本安卓赛...
免费测试版!闲聚鱼虾蟹软件脚本... 免费测试版!闲聚鱼虾蟹软件脚本辅助器!原来是有辅助教程(有挂技巧)1、不需要AI权限,帮助你快速的进...
如何分辨真伪!斗棋联盟辅助!其... 您好,斗棋联盟辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
重大通报!乐胡摆叫有没有黑科技... 重大通报!乐胡摆叫有没有黑科技!一直是真的有辅助app(有挂秘笈)1、乐胡摆叫有没有黑科技公共底牌简...
现有关情况通报如下!山西扣点工... 现有关情况通报如下!山西扣点工具!其实是真的有辅助器(果真有挂)1、很好的工具软件,可以解锁游戏的山...