问题标签 [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.
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。
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 缓存清理。请帮帮我
angular - 如何将 Observable 模型类转换为数据库存储
ngrx 的新手。
我在http://lukajcb.github.io/blog/angular2/2016/04/02/frp-in-angular-2.html阅读了一篇文章
使用的模型如下:
我按照这篇文章理解了它。但是,我不知道如何将模型存储在数据库中,比如 Firebase。我想存储基元和包含基元的对象。
任何人都可以就如何最好地实现这一点提出一些合理的选择吗?
谢谢
angular - 如何显示reducer的当前状态?
试图了解 angular 2 的 ngrx/store api。我实现了一个简单的计数器减速器:
我想显示计数器值:
如何在模板中显示计数器,即减速器值?
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...
npm - 包 rxjs@5.0.0-beta.6 不满足其兄弟姐妹的 peerDependencies 要求?
我正在尝试在我的 Angular 2 应用程序中安装 @ngrx/store 模块。我正在使用 npm install 并收到以下错误:
这是否意味着我必须升级我的 angular2 模块,因为它需要较低版本的 rxjs@5.0.0-beta.2?
angular - 如何以角度 2 显示 observable?
只是尝试一个 ngrx-store 示例应用程序。在我的组件中,我有:
但是进入后不显示待办事项。这是我得到的错误:
如何显示待办事项?plunkr:http ://plnkr.co/edit/yOw4qh4aZ5d9jhg235gD?p=preview
angular - Angular 2 ngrx 路由视图问题
我正在尝试使用ngrx/router
,但是每当我尝试使用该标签时,<route-view></route-view>
我都会收到此错误:
未捕获的类型错误:未定义是不可观察的
如果我删除它,错误就会消失。因此,我显然无法显示我的路线。我可以通过单击 a 来更改 url,但如果不能在该组件中显示数据,[link-to]
这并不重要。route-view
我正在使用 Angular 2、webpack,并尝试ngrx/router
按上述方式使用。
typescript - 如何知道ngrx中哪些状态值发生了变化?
当我使用ngrx时,如果我想将一个值传递给它的子组件,我会这样做:
// 父组件
现在我想使用父组件本身的值product1
和product2
内部。我现在正在这样做(有没有更好的方法?):
我怎么知道哪个状态值发生了变化?谢谢
angular - 在 Angular 2 中使用 store (ngrx) 有什么好处
我正在开发一个angular 1.xx项目并考虑将我的代码升级到angular 2。
现在在我的项目中,我有许多服务(工厂)用于处理数据,这些数据几乎将数据保存在js数组(缓存和存储)中,并通过使用下划线处理数组来处理这些数据。
我在angular2中发现了很多使用ngrx的例子。
与使用数据服务处理数据相比,使用商店有什么好处?
如果我有多种数据类型(库存、订单、客户...),我的应用是否需要多个商店?
如何构建(设计)我的应用程序以处理此类多种数据类型?