Angular - NgRx -.select之间的差异(...)和.pipe(select...)
Angular是一种流行的前端开发框架，NgRx是Angular应用程序中的状态管理库。在NgRx中，.select是一个操作符，用于从应用程序的状态中选择特定的数据。而.pipe(select...)是使用RxJS的管道操作符来选择和转换状态中的数据。
差异：
- 语法差异：.select是NgRx提供的操作符，而.pipe(select...)是使用RxJS的管道操作符来调用.select操作符。
- 功能差异：.select用于选择状态中的特定数据，而.pipe(select...)可以在选择数据的同时进行转换和处理。
- 使用方式差异：.select可以直接在NgRx的store中使用，而.pipe(select...)需要通过RxJS的管道操作符来调用。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与Angular和NgRx相关的推荐产品：
- 云服务器（CVM）：腾讯云的云服务器提供了可靠的计算资源，适用于部署和运行Angular应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：腾讯云的云数据库MySQL版提供了高性能、可扩展的数据库服务，适用于存储和管理Angular应用程序的数据。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：腾讯云的云存储提供了安全可靠的对象存储服务，适用于存储和管理Angular应用程序中的静态资源。产品介绍链接：https://cloud.tencent.com/product/cos
- 人工智能机器学习平台（AI Lab）：腾讯云的人工智能机器学习平台提供了丰富的人工智能算法和工具，适用于开发和部署与Angular应用程序相关的人工智能功能。产品介绍链接：https://cloud.tencent.com/product/ailab
请注意，以上推荐的产品和链接仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
2回答
Angular - NgRx -.select之间的差异(...)和.pipe(select...)
angular、rxjs、observable、ngrx、ngrx-store
我在我的Angular项目中使用了NgRx。我想从我的ProductsComponent访问存储在我的商店中的产品。ProductsComponent.ts ......
constructor(private store:Store<any>) {} 我想知道它们的区别是什么： public prod
浏览 69提问于2021-08-25得票数 2
1回答
RxJs vs NgRx select
angular、rxjs、ngrx
我正在开发一个带有NgRx商店的Angular应用程序，并且有一个在视图和商店之间进行协调的服务。当我编写一个函数来检索存储的一部分时，我倾向于使用NgRx的select操作符： getSomeInfoFromStore(): Observable<SomeInfo> {
return this.store.pipe(select('SomeInfo&#x
浏览 33提问于2019-06-21得票数 0
回答已采纳
1回答
类型“Actions<Action>”上不存在属性“”pipe“”
angular、ngrx、ngrx-effects
项目正在编译，但是当我尝试在商店中使用.pipe时，我得到了一个内联错误，告诉我属性‘管道’不存在于我的effects和我的组件中的'Actions‘类型上。然而，当我在observable上使用.pipe时，我在相同的组件中没有得到这个问题。//类型Store / Action上不存在链接问题示例
@Effect({ di
浏览 1提问于2018-10-10得票数 1
以下ngrx select已弃用。Use the pipeable `select` operator instead.this.store.pipe(select(state => state.academy.academy).subscribe((academy) => {}))
错误:找不到名称'select‘。你的意思是“onse
浏览 1提问于2018-08-03得票数 28
回答已采纳
1回答
单元测试是否在Angular/Redux中清除了所有订阅
angular、unit-testing、ngrx、subscription
我有一个使用ngrx的Angular应用程序，当组件被销毁时，我使用带有主题的takeUntil方法来清除订阅。private unsubscribe$ = new Subject();
.pipe(}
我决定使用这种方法，而不是保留一个订阅数组，因为它看起来更清晰，但是有没有办法用Jasmine编写单元测试来检查
浏览 3提问于2018-07-25得票数 1
1回答
Angular NgRX:如果存储切片为空，则转到数据库
angular、ngrx
我使用的是Angular NgRX。我还在学习NgRX。在下面的代码中。我正在使用选择器从存储中获取状态切片。如果数据未定义或长度等于零，则调用dispatch，然后再转到DB获取数据。我的问题是:这是正确的方法吗？或者，如果存储切片是未定义的，NgRX效果是否应该处理转到应用程序接口的逻辑？在下面的代码中，如果我不订阅选择器并检查它，那么它每次都会调用API端点，这违背了使用状态存储的目的，对吧？import {
浏览 32提问于2020-11-03得票数 0
1回答
如何使用rxjs操作符以及ngrx-form？
angular、rxjs、ngrx、angular-forms
这个问题是关于ngrx-form的。this.myControl.valueChanges distinctUntilChanged(),
debounceTime记住，状态不包含任何自定义操作，我们只处理本机ngrx-操作(比如
浏览 6提问于2020-04-22得票数 1
回答已采纳
1回答
当使用@ngrx/store时，这是访问类中的状态变量的正确方式吗？
angular、typescript、rxjs、ngrx-store
下面是我的服务的一个极大的简化版本：import { Store, select } from '@ngrx/storestore.pipe(select('foo')).subscribe((foo: boolean) => { }
浏览 0提问于2018-03-07得票数 2
回答已采纳
1回答
为什么我的应用程序状态不能渲染到angular Ngrx中的应用程序
javascript、angular、ngrx
如何在应用程序加载时获得要呈现的状态？当我运行这个应用程序时，状态是空的，直到我用click函数点击按钮。我试着做this.store.select，但是我永远得不到请求的状态。Todo_List是ngrx存储中的一个对象，我想呈现它的列表属性，它是一个数组import { Component,OnInit } from '@angular/core';
import { Store }
浏览 2提问于2020-05-18得票数 0
1回答
var$后面的$是什么意思？
typescript、variables、angular7、ngrx、var
我正在学习angular7，ngrx和打字本。var$后面的$是什么意思？$: Observable<Joke[]>;
this.jokes$ = this.store.pipe(select(selectJokes));}
浏览 0提问于2019-05-08得票数 2
回答已采纳
1回答
TS7016:找不到模块“rxjs”的声明文件
angular、typescript、npm、rxjs、rxjs7
我已经升级了我的角度应用程序依赖，并成功地安装了它们。不幸的是，我现在无法使用'rxjs‘。下面是IDE返回的错误。 "@ng-select/ng-select": "^6.1.0", "@ngrx/
浏览 2提问于2021-05-01得票数 8
3回答
ngrx -链两个store.select切片
angular、rxjs、ngrx
在我的Todo Cmp中，我有以下代码 .flatMap((todos: Todo[]) => { this.todos = todos
this.ngrx.select(fromRoot.getLastChangedTodo我想，有了flatmap和ngrx</em
浏览 0提问于2017-11-14得票数 13
回答已采纳
1回答
当我禁用redux-devtools时，路由器导航需要很长时间
ngrx、ngrx-store、redux-devtools、redux-devtools-extension
我正在开发一个带有角8和ngrx的应用程序。一切都很顺利，直到我在隐名模式下测试了我的应用程序。突然，在导航开始和导航结束之间，url开始工作的速度非常慢，几乎50秒。需要时间的路由的解析器有3个api调用，但这些调用发生在我单击路由时，但解析器需要50秒才能到达组件。这是细节。": "^4.0.0",
"@ngrx/effects": "
浏览 7提问于2020-05-19得票数 0
2回答
在ngrx效果中使用withLatesFrom或combineLatest的流合成
angular、rxjs、ngrx、rxjs5、ngrx-effects
我偶然发现了一个我无法解释的奇怪问题，下面是我所指的效果代码： import { Injectable } from '@angular/core';import { Store } from '@ngrx/store';
import { combineLatest } from '这是我构
浏览 13提问于2019-12-03得票数 1
1回答
如何解决在ionic 4中的集合"@ngxs/schematics"“中找不到原理图”页“出现的未处理的异常”
angular、ionic4
出现未处理的异常:在集合"@ngxs/schematics“中找不到原理图"page”。
浏览 8提问于2020-07-22得票数 1
1回答
如何正确使用NGRX路由器？
angular、ngrx、ngrx-router-store
老实说，我完全被这些文档弄糊涂了，而且我还想知道以下几点：
你能给我举个简单的例子吗？
浏览 4提问于2020-06-18得票数 1
回答已采纳
2回答
角质与ngrx - nothig发生
javascript、angular、typescript、rxjs、ngrx
目前我从零开始学习NgRx。我创建角度项目，添加新的汽车组件。接下来添加ngrx状态、动作、还原剂和效果。当我运行我的项目时，我没有aby错误，尽管设置了错误的API url，当我设置正确的url时，仍然没有发生。import { Action } from '@ngrx/store';
import * as CarAc
浏览 1提问于2019-07-30得票数 0
回答已采纳
1回答
Jasmine单元测试-无法读取未定义的属性管道
angular、jasmine、rxjs、ngrx
我使用的是Angular 6，NgRx 6，RxJS 6。/app.state'; map(tenantFromStore => {
浏览 0提问于2018-06-13得票数 10
回答已采纳
1回答
我们如何才能实现基于角色的身份验证来实现角应用的某些功能呢？
angular、authorization、identity-management
我试图提供基于角色的访问某些功能的应用程序。例如，我们有Delete功能选项，因此delete选项应该只对特定级别的角色(用户)可见，并且应该只具有只读访问权，而对于一些人来说，也可以删除它。只是想知道这是基于角色的可能，还是我们可以访问idm的数据库。任何关于如何实现这一点的想法都是值得欢迎的。
浏览 3提问于2022-09-13得票数 0
2回答
使用angular 9和ngrx编辑表单数据时抛出错误
angular、ngrx、ngrx-store、ngrx-effects
我正在尝试使用angular和ngrx实现表单编辑。我能够使用ngrx访问表单数据，并向下传给子组件，并且显示良好。下面是我正在使用的代码片段。父组件： ngOnInit(): void { }
浏览 16提问于2020-03-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
