关于angular:一个好用的查看Angular应用ngrx状态的Chrome扩展Redux-devTools

Redux DevTools:

https://chrome.google.com/web…

装置结束后,在Chrome开发者工具里会多出一个Redux面板:

以及在Chrome右上角的扩大工具栏里,会点亮Redux DevTools对应的图标。

此时在redux面板里即可不便的查看ngrx相干的state和action:

能够输出关键字进行过滤,比方查看和Currency加载相干的action:

action蕴含type和payload:

把这个type复制下来,即可到对应源代码里依据关键字进行搜寻:
[Site-context] Load Currencies Success

Load Product Data时,state里的loading标记位是true:

加载胜利后,loading从true变为false,success从false变为true:

state栏能看到以后action触发时,利用的state状态,很不便:


更多Jerry的原创文章,尽在:”汪子熙”:

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理