问题标签 [ngrx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
601 浏览

javascript - Angular 2、@ngrx/store、@ngrx/devtools:通过订阅路由器来绑定操作?

我正在使用 Angular 2 和 @ngrx/store 的项目中使用。我还使用 @ngrx/devtools 来调试并帮助我使用这个 redux 实现。

我想将 angular 的路由器与 ngrx 的商店绑定。所以我将能够通过调度一个动作来更新当前路线。

语境

这就是我所做的(它有效,但这不是我想要的):

changeUrl是一个动作创建者。

因此,当 Angular 检测到路由更新时,会调度一个动作并且我的状态正在更新。

而且效果很好!使用@ngrx/devtools,我可以看到正确调度的动作,商店已更新但是..这与我想要的相反,因为angular完成了工作并更新了redux。所以如果我回滚一个动作,我的视图不会更新。

这很简单 !

“我所要做的就是在点击动作创建器内的导航链接时调度一个动作,使用 Angular 的方法重定向。”

是的。但是不,我认为这不是一个好方法,因为:

  • <a [routerLink]="routeName">Link</a>Angular 提供的功能变得毫无用处。
  • 似乎很难使用 Angular 的 DI 来注入Router我的动作创建者,因为动作创建者基本上是函数。不是角度的组件。

该怎么办 ?

这就是问题。我真的不知道如何正确绑定 Angular 的路由器和 @ngrx/store。

0 投票
1 回答
131 浏览

angular - 无法安装 gems ngrx/store

我试过 npm install @ngrx/store@1.2.1 但它失败了,原因如下 npm ERR!unpack 无法读取 @ngrx/store@1.2.1 npm ERR 的数据!Linux 3.13.0-71-generic npm ERR!argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "@ngrx/store@1.2.1" npm 错误!节点 v4.2.3 npm 错误!npm v2.14.7

npm 错误!无效名称:“@ngrx/store”npm ERR!npm 错误!如果您需要帮助,您可以在以下位置报告此错误:npm ERR! https://github.com/npm/npm/issues

npm 错误!请在任何支持请求中包含以下文件:我已经完成了 npm 缓存清理。请帮帮我

0 投票
0 回答
121 浏览

angular - 如何将 Observable 模型类转换为数据库存储

ngrx 的新手。

我在http://lukajcb.github.io/blog/angular2/2016/04/02/frp-in-angular-2.html阅读了一篇文章

使用的模型如下:

我按照这篇文章理解了它。但是,我不知道如何将模型存储在数据库中,比如 Firebase。我想存储基元和包含基元的对象。

任何人都可以就如何最好地实现这一点提出一些合理的选择吗?

谢谢

0 投票
1 回答
72 浏览

angular - 如何显示reducer的当前状态?

试图了解 angular 2 的 ngrx/store api。我实现了一个简单的计数器减速器:

我想显示计数器值:

如何在模板中显示计数器,即减速器值?

github链接:https ://github.com/dimitri-a/ngrx_newtoy

0 投票
2 回答
4685 浏览

angular - Angular 2 Material 2 radio button default selection

I have a radio btn group and I would like to have one selected based on the value of an ngRx Observable.

For the Observable I have:

I would like to use the async pipe and do a compare from the latest/current value of the Observable and the value of the radio button, but I can't figure our the syntax...

0 投票
4 回答
6123 浏览

npm - 包 rxjs@5.0.0-beta.6 不满足其兄弟姐妹的 peerDependencies 要求?

我正在尝试在我的 Angular 2 应用程序中安装 @ngrx/store 模块。我正在使用 npm install 并收到以下错误:

这是否意味着我必须升级我的 angular2 模块,因为它需要较低版本的 rxjs@5.0.0-beta.2?

0 投票
1 回答
824 浏览

angular - 如何以角度 2 显示 observable?

只是尝试一个 ngrx-store 示例应用程序。在我的组件中,我有:

但是进入后不显示待办事项。这是我得到的错误:

如何显示待办事项?plunkr:http ://plnkr.co/edit/yOw4qh4aZ5d9jhg235gD?p=preview

0 投票
0 回答
138 浏览

angular - Angular 2 ngrx 路由视图问题

我正在尝试使用ngrx/router,但是每当我尝试使用该标签时,<route-view></route-view>我都会收到此错误:

未捕获的类型错误:未定义是不可观察的

如果我删除它,错误就会消失。因此,我显然无法显示我的路线。我可以通过单击 a 来更改 url,但如果不能在该组件中显示数据,[link-to]这并不重要。route-view

我正在使用 Angular 2、webpack,并尝试ngrx/router按上述方式使用。

0 投票
1 回答
1708 浏览

typescript - 如何知道ngrx中哪些状态值发生了变化?

当我使用ngrx时,如果我想将一个值传递给它的子组件,我会这样做:

// 父组件

现在我想使用父组件本身的值product1product2内部。我现在正在这样做(有没有更好的方法?):

我怎么知道哪个状态值发生了变化?谢谢

0 投票
3 回答
25740 浏览

angular - 在 Angular 2 中使用 store (ngrx) 有什么好处

我正在开发一个angular 1.xx项目并考虑将我的代码升级到angular 2

现在在我的项目中,我有许多服务(工厂)用于处理数据,这些数据几乎将数据保存在js数组(缓存和存储)中,并通过使用下划线处理数组来处理这些数据。

我在angular2中发现了很多使用ngrx的例子。

与使用数据服务处理数据相比,使用商店有什么好处?

如果我有多种数据类型(库存、订单、客户...),我的应用是否需要多个商店?

如何构建(设计)我的应用程序以处理此类多种数据类型?