首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我的ngrx效果不会触发动作

ngrx是一个用于管理应用状态的JavaScript库,它基于Redux模式,并结合了RxJS的响应式编程概念。通过使用ngrx,开发人员可以更好地管理和跟踪应用程序的状态变化,从而提高应用程序的可维护性和可测试性。

在Angular应用程序中使用ngrx时,可能会遇到ngrx效果(Effect)不触发动作的问题。ngrx效果是一种用于处理副作用(如异步操作、HTTP请求等)的机制,它通过监听动作流并触发副作用来改变应用状态。

如果ngrx效果不触发动作,可以按照以下步骤进行排查和解决:

  1. 确认ngrx效果是否正确定义和注册:检查是否正确导入了EffectsModule.forRoot()EffectsModule.forFeature()方法,并将ngrx效果添加到模块的imports数组中。
  2. 检查ngrx效果是否正确监听动作流:在ngrx效果类中,使用@Effect()装饰器定义副作用方法,并使用ofType()操作符指定要监听的动作类型。确保动作类型与触发动作的类型匹配。
  3. 检查ngrx效果是否正确处理副作用:在ngrx效果方法中,执行副作用操作,如发起HTTP请求、调用服务等。确保副作用操作正确执行,并返回一个新的动作或可观察对象。
  4. 检查ngrx效果是否正确触发动作:在ngrx效果方法中,使用map()操作符将副作用操作的结果映射为新的动作,并使用dispatch()方法将新的动作发送到ngrx存储中。
  5. 检查ngrx效果是否正确连接到组件:在组件中,使用@Effect()装饰器订阅ngrx效果,并在需要时执行相关操作。确保组件正确订阅了ngrx效果,并处理相关动作。

如果以上步骤都正确无误,但ngrx效果仍然不触发动作,可能是由于其他因素导致的问题。可以尝试使用调试工具(如Redux DevTools)来跟踪应用状态和动作流,并检查是否有其他代码或配置错误导致ngrx效果无法正常工作。

对于ngrx效果的更多信息和使用示例,可以参考腾讯云的相关文档和示例代码:

  • ngrx官方文档:https://ngrx.io/
  • 腾讯云相关产品:腾讯云无直接相关产品,但可以使用腾讯云提供的云服务器、云数据库等基础服务来支持ngrx应用的部署和运行。

请注意,以上答案仅供参考,具体解决方法可能因实际情况而异。建议在遇到具体问题时,参考官方文档、社区讨论和相关资源,以获取更准确和全面的解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

不会运行你代码吗?不,不会导入自己数据!

常常遇到有人问起看到分享教程导入数据方式是data(dune)等直接调用系统数据,而自己怎么读入自己数据呢? 对于初学者来讲,这确实是个问题。...简单省事、便携可重复;这是内置数据优势之一; 内置数据模式清晰,通常可以获得较好结果;这是内置数据优势之二; 别人用这个,也用这个,这是一个偷懒做法。 每个人常识不同。...不太赞成教程里面用使用内置数据,原因是: 对不会读入数据的人不友好; 不利于探索这篇教程用于实际数据时可能会遇到问题。示例数据无脑运行,自己数据无显著差异。...这里涉及到另外一个经常会被问起问题: 这一步操作需要提供原始数据,还是标准化之后数据? 绝大多数情况下,我们需要提供都是标准化之后在不同样品之间可比数据。...因为:1)我们需求是比较不同样品差异,数据需要在样品间可比;2)绝大部分工具是不会对数据做标准化处理,要么直接用,要么做一些不影响数值关系转换;3)如果某个工具自己内部会对数据做标准化,它一定会在帮助中提及

1.4K10

angular4实战(4)ngrx

详情参考之前文章:http://blog.csdn.net/j_bleach/article/details/78070539。ngrx和react-redux本质没什么区别。...ChangeDetectionStrategy 组建变化检查策略,以上述代码为例,当为ChangeDetectionStrategy设置OnPush时,组件就不会一直进行脏检查了,而是当输入属性变化时...比如{name:j_bleach}=>{name:bleach} 或者输入属性为一个数组时候[1,2,3]=>[1,2,3].push(4) 以上这两种方式都不会引发angular检查策略...高中英语水平翻译一下:async这个管道,会返回订阅Observe ,promise对象最新值,当观察者发现值有改变时,就会触发组件检查策略,并且在组件销毁时也会自动去取消订阅避免内存泄漏。...触发action,隐藏loading 最后再贴一句,触发action代码 // 控制loading显示隐藏,结合之前action this.store.dispatch(new load.ShowAction

1.1K30
  • 关于手机上隐私问题,做了这些动作

    等人不如自已行动,关于手机上隐私问题,做了以下这些动作:首先说明,手机是iPhone,系统已升级iOS 15.3 beta 2 一、手机上自身隐权设置(iOS 设置–隐私) 1、GPS定位:...以上这些设置都不会影响使用,只是使用时有时步骤会多一步。 2、跟踪:这个是iPhone特有的功能,当然是不允许APP请求跟踪了,必须关闭。...不要怕麻烦,这些都不会影响你日常使用,只是会影响第三方APP信息获取。...记录APP活动,这个也是关闭,如果你想了解那些APP何时访问了你位置、麦克风等信息,可以打开。 10、除以上之外,手机GPS共享和常到地址功能全都关闭。还有一些没有记起来细节。...image.png 三、广告过滤和跟踪器过滤 同样选择了 AdGuard Safari 防护功能,它提供了很多常见规则订阅,向大牛们致敬。

    1.5K30

    Spread for Windows Forms快速入门(8)---单元格中用户动作触发事件

    这篇文章概括介绍了单元格哪些事件是由控件用户动作触发。虽然它没有全面地列出用户可能执行每一个动作,但是它详细地描述了用户所使用大部分普通操作所引发事件。...如果你想在此基础上做进一步研究,我们提供了一个示例以便你与Spread控件进行交互并且可以在列表框中查看 它们触发相应事件。...一般情况下,如果你寻找一种方法来拦截单元格中发生每一个改变,可以考虑EditChange事件; 当用户往单元格中输入数据时,用户每一次按键就会触发EditChange事件。...点击动作 Spread中多种点击,双击,以及右键点击动作触发这些事件: 用户动作 事件列表 点击一个普通单元格 MouseDown Enter GotFocus CellClick LeaveCell...在Spread中,与输入数据相关各种动作触发如下事件。

    1.4K60

    Angular 接入 NGRX 状态管理

    注:图片来自ngrx.io/guide/store NGRX 是 Angular 实现响应式状态管理应用框架。...; @ngrx/store-devtools:调试工具,需要配合github.com/reduxjs/red… 使用; @ngrx/schematics:提供使用 NGRX CLI 命令,需要与...// 注入 Store constructor(private store: Store) {} } 让根组件实现 OnInit 接口,按模拟场景通过 store 触发 action: export...Actions: 这里 UpdateUser 同样是 emptyProps,仅作为触发使用,更新用户数据在接下来副作用编写中会体现: import { createActionGroup, emptyProps...this.store.dispatch(UserActions.updateUser()); }, 5000); } } PS:以上案例完整代码可访问 github.com/OSpoon/angu… 接入实体 实体引入对应单个用户状态管理来说起到效果并不明显

    24810

    一个Angular 5教程:一步一步指导实现你第一个Angular 5应用程序

    反应角 - Ngrx 让我们来谈谈我们应用程序状态,意思是我们应用程序所有属性,它们字面定义其当前行为和状态。...因此,“对结果评估不会导致任何语义上可观察到副作用或输出,例如可变对象突变或输出到I / O设备”......我们能做什么?答案在这个定义中是正确Ngrx对救援副作用。...你可以使用ofType来创建一个会在多种动作类型上触发效果。但就目前而言,我们在三项行动中只需要两项。对于该Load操作,我们正在将每个操作转换为getCardList方法调用结果新可观察对象。...所以我们效果在做出取决于外部系统东西(我们Firebase,准确地说)后派发新动作。...但是在相同代码中,我们看到了另一个效果,它ServerFailure使用装饰器参数处理动作dispatch: false。这是什么意思?

    42.6K10

    基于 Django 信号机制实现类似触发效果

    我们都知道,在关系数据库中,为了保证数据完整性,我们都会使用一个叫做触发玩意。今天就基于Django信号机制实现类似触发效果,在此之前先简单介绍一下触发器。...下面我们就通过创建一个基于 Django 学生信息管理系统来通过信号机制实现类似触发效果。...学生信息管理系统 主要是为了给大家演示效果,系统弄尽量简单,数据库总共两个表: 学生表:ID、姓名、班级 班级表:ID、名称、学生人数 其中关系很简单:一个班级对应多个学生,一个学生只对应一个班级...实现类似触发效果 接下来就来着重讲解这两个需求实现,实现这两个需求大家很容易想到触发器,但是触发器最好还是慎用,这里直接使用信号来代替触发器。...总结 不管是增加数据触发器还是删除数据触发器,我们都可以通过 Django 信号机制来实现类似的效果,比在数据库中定义触发器简单太多了,而且大幅度地降低了数据库维护成本。

    2.5K30

    WPF 窗口和控件 Unloaded 事件什么情况下不会触发

    WPF 中如果监听窗口或者控件 Unloaded 事件,那么这个事件会触发吗?答案是不确定。...如果应用程序正在关闭,那么 Unloaded 时间将不会触发。WPF 通过设置在 Application 上 ShutdownMode 来决定是否在关闭窗口后关闭应用程序。...因此,如果你试图通过在 Unloaded 事件中执行清理操作,那么可能不会如预期般完成。...因此,一般情况下,Unloaded 事件是会触发,但满足如下任一情况时,此事件将不不会触发: Application.ShutdownMode="OnLastWindowClose" 且最后一个窗口关闭时...顺序 当触发 Unloaded 事件时,以上事件触发顺序为: 断点 3 断点 1 断点 2 参考资料 Unloaded event not called on Window when app closed

    43320

    WPF 已知问题 开启 IsManipulationEnabled 之后触摸长按 RepeatButton 不会触发连续 Click 事件

    本文记录 WPF 一个已知问题,在 RepeatButton 上开启 IsManipulationEnabled 漫游支持之后,将会导致触摸长按到 RepeatButton 之上时,不会收到源源不断...,仅仅只是因为开启了 IsManipulationEnabled 之后,为了实现触摸漫游,无法实时提升触摸为鼠标,从而导致了使用鼠标事件 RepeatButton 无法触发源源不断 Click 事件...RepeatButton 在触摸长按时不断触发 Click 事件,如下面代码例子,以下是 XAML 部分代码,可以看到只是简单在 ListBox 里面放入一个 RepeatButton 控件 此时如果直接运行代码,触摸长按 RepeatButton 按钮,将发现 Click 事件不会源源不断触发...,运行代码,此时可以看到放入到 ListBox RepeatButton 能够在触摸长按时不断收到 Click 事件 由于此问题是 WPF 层为了实现触摸下漫游,从而禁用了提升鼠标,阅读了代码发现除非来一次重构否则怎么修都是打补丁

    17210

    因为不会Redisscan命令,被开除了

    来源:寒食君 作者:寒食君i 那个深夜,登上了公司服务器,在Redis 命令行里敲入 keys* 后,线上开始报警,服务瞬间被卡死,只能举起双手,焦急地等待几千万key被慢慢扫描,束手无策万念俱灰时候...,收到了leader短信:你明天不用来上班了。...觉得挺好呀”时,为了不让上面的情况发生,决定写下这篇文章。 如何才能优雅地遍历Redis?作为一种可以称为数据库组件,这是多么理所因当要求。...注意之前所说扩容方式:hash(key)&(size-1),slot0和slot4内容是相同,巧妙地避开了重复,当然,更不会遗漏。...如果你看到这里,你可能会发出和我一样感慨:X,这算法太牛X了。

    1.4K20

    throw 异常,竟然不会中止代码

    大家好,是一航! 今天1024程序员节日,在这里祝大家节日快乐!...,也能很容易看明白这段代码,最后执行结果肯定会在verifyUtil.userVerify(userId);这里抛出个异常,并响应前端错误,后续流程不会继续执行!...代码,他居然在异常之后,还继续执行了后续代码。 问题原因 事出反常必有妖......userId) 并throw 异常之后,ExAop 拦截了异常,并执行了return ReturnUtils.error(e);,将异常处理并返回了一个对象,由于本身userVerify无返回参数,最终效果就是...以外无关东西; 将 Util 工具类定义成静态方法 将工具类方法变成静态方法之后,就不会被AOP增强; 细化AOP切点表达式 @Around("(execution(public * com.ehang

    16310

    软著申请你还不会是这样申请

    大家好,是小悟兄弟姐妹们,关于软著申请的话题,早前已经写过几篇文章介绍了,包括软著申请流程攻略和踩到被打回补正坑,有兴趣可以翻翻之前文章。...这两天又提交了一份软著申请,今年第一份,按之前经验,不出意外,应该是能过,哈哈。材料已经邮寄出去了,等着官方收到后更新状态。...图片根据实际情况,选择角色是申请人或者代理人,是自己给自己申请,所以选择申请人。然后一步步填写信息,要根据你软件填写,每个软件不一样,填写内容自然也不一样。...是自己在家里打印,因为想到申请软著比较多,于是花巨款买了一台打印机,确实方便了不少,如果申请多的话,比起去打印店也划算多了。...您一键三连,是更新最大动力,谢谢山水有相逢,来日皆可期,谢谢阅读,我们再会手中金箍棒,上能通天,下能探海

    78031

    Serverless 实战 — 云函数与触发创建与使用 ( 开通腾讯云 “ 云开发 “ 服务 | 创建云函数 | 创建触发器 | 测试触发器 )

    , event 是触发函数事件 , context 对象是函数运行上下文 , 包含了函数调用相关信息 , 及运行环境相关状态 ; 这里修改该函数 , 让其返回一个字符串 " Hello World..." , 修改后点击左下角 " 保存 " 按钮 , 右上角提示 " 函数更新成功 " 后 , 说明修改完成 ; 三、创建触发器 ---- 触发器在 " 环境 " 层级下 " 访问服务 " 模块创建 ;...点击 " 新建 " 按钮 , 在如下对话框中输入相关配置 , 域名选择本本实例域名 , 触发路径任意输入一个路径 , 关联资源一定要选择之前创建云函数 ; 等待触发器创建成功 ; 四、测试触发器...---- 触发默认域名是 hello-serverless-6f262picd021598-1305713297.ap-shanghai.app.tcloudbase.com ; 默认域名加上触发触发路径..., 触发云函数执行 ;

    1.7K30

    Android毛玻璃模糊效果使用OpenCV来搞

    地址:http://www.jianshu.com/p/d0d7809007a1 声明:本文是JerryloveEmily原创,已获其授权发布,未经原作者允许请勿转载 开始学习OpenCV,毛玻璃模糊效果目前网上流行有三种办法...新建一个支持NDK工程: ? ? 配置集成OpenCV库到工程: 这里只编译支持了armeabi,cpu架构平台,需要在app,modulebuild.gradle中做一些修改: ?...对了这里使用AS自带cmake工具来构建NDK库链接和编译支持,所以不需要再写Android.mk配置文件,这里配置下CMakeLists.txt就可以,更加简单: # For more information...(自古深情留不住,总是套路得人心) 同时把sdk中libopencv_java3.so文件拷贝到对应工程目录下这里是jniLibs为了方便不然还得配置gradle修改source目录映射路径: ?...毛玻璃后效果图: ? 简单利用了滤波算法函数处理,来达到毛玻璃效果,当然opencv强大远远不限于此。关于opencv进一步学习使用还会继续记录在博客中。

    1.3K10

    为什么你学不会递归?告别递归,谈谈经验

    大家好,又见面了,是你们朋友全栈君。 可能很多人在大一时候,就已经接触了递归了,不过,敢保证很多人初学者刚开始接触递归时候,是一脸懵逼当初也是,给我感觉就是,递归太神奇了!...说实话,哪来那么多捷径啊,不过,还是想写一篇文章,谈谈一些经验,或许,能够给你带来一些帮助。 为了兼顾初学者,我会从最简单题讲起!...也就是说,当我们在第二步找出了一个递归结束条件时候,可以把结束条件写进代码,然后进行第三步,但是请注意,当我们第三步找出等价函数之后,还得再返回去第二步,根据第三步函数调用关系,会不会出现一些漏掉结束条件...已经强调了好多次,多练几道了,所以呢,后面也会找大概 10 道递归练习题供大家学习,不过,可能会有一定难度。...不会像今天这样,比较简单,所以呢,初学者还得自己多去找题练练,相信我,掌握了递归,你思维抽象能力会更强! 接下来讲讲有关递归一些优化。 有关递归一些优化思路 1.

    73630

    恕我直言,在座各位根本不会写 Java!包括~

    技术点 本文不是一个吹嘘文章,不会讲很多高深架构,相反,会讲解很多基础问题和写法问题,如果读者自认为基础问题和写法问题都是不是问题,那请忽略这篇文章,节省出时间去做一些有意义事情。...别告诉快捷键不好用 更换 IDE 不在本文重点内容中,所以不想用太多篇幅去写为什么更换IDE。在这里,只能告诉你,更换 IDE 只为了更好、更快写好 Java 代码。原因略。...当然,如果你这么做了,肯定不会有什么问题,但是,这肯定不是一个最优做法。 网上有很多工具,支持浅拷贝或深拷贝 Utils。...在程序中调用 rest 接口是一个常见行为动作,如果你和我一样使用过 spring RestTemplate,相信你会和一样,对他抛出非 http 状态码异常深恶痛绝。...经常会看到某一个程序员兴奋大喊,哪个程序哪个点我用到了设计模式,写多么多么优秀,多么多么好。仔细去翻阅时候,却发现有很多是过度设计

    69320

    恕我直言,在座各位根本不会写 Java!包括~

    技术点 本文不是一个吹嘘文章,不会讲很多高深架构,相反,会讲解很多基础问题和写法问题,如果读者自认为基础问题和写法问题都是不是问题,那请忽略这篇文章,节省出时间去做一些有意义事情。...别告诉快捷键不好用 更换 IDE 不在本文重点内容中,所以不想用太多篇幅去写为什么更换IDE。在这里,只能告诉你,更换 IDE 只为了更好、更快写好 Java 代码。原因略。...当然,如果你这么做了,肯定不会有什么问题,但是,这肯定不是一个最优做法。 网上有很多工具,支持浅拷贝或深拷贝 Utils。...在程序中调用 rest 接口是一个常见行为动作,如果你和我一样使用过 spring RestTemplate,相信你会和一样,对他抛出非 http 状态码异常深恶痛绝。...经常会看到某一个程序员兴奋大喊,哪个程序哪个点我用到了设计模式,写多么多么优秀,多么多么好。仔细去翻阅时候,却发现有很多是过度设计

    67140
    领券