在ngrx效果中访问switchmap(api调用)之后的操作有效负载
在ngrx效果中，访问switchMap(api调用)之后的操作有效负载，是指在使用ngrx/effects进行异步操作时，通过switchMap运算符来调用API接口，并在获取到响应后对数据进行处理的过程。
switchMap是RxJS中的一个操作符，它将一个源Observable的值转换为另一个Observable，同时取消前一个Observable的订阅。在ngrx/effects中，我们通常使用switchMap来处理异步操作，例如调用后端API获取数据。
在访问switchMap(api调用)之后的操作有效负载过程中，我们可以执行以下步骤：
- 定义一个效果（Effect），用于监听特定的动作触发。
- 在效果中，使用switchMap操作符来调用API接口。可以在调用之前做一些预处理操作，例如从Redux store中获取必要的参数等。
- API调用返回一个Observable对象，我们可以通过map操作符对返回的数据进行转换和处理。
- 在map操作符中，可以对获取到的数据进行加工、筛选、转换等操作，以符合业务需求。
- 在map操作符的回调函数中，可以根据处理后的数据创建一个新的动作（Action），将处理后的数据作为有效负载（payload）传递给Redux store。
- 新的动作将被派发到Redux store，并通过Reducers对应的处理函数进行状态更新。
- 组件（Component）可以通过订阅Redux store中的相应状态来获取最新的数据，并进行显示或其他操作。
在这个过程中，ngrx/effects帮助我们将异步操作与Redux store集成起来，实现了数据的一致性和可预测性。通过switchMap操作符，我们可以轻松地处理异步请求和响应，并将其转换为可供组件使用的状态更新。
对于类似的场景，腾讯云提供了多个产品和服务，例如：
- 云函数（云开发）：基于事件触发和自动扩缩容能力的Serverless计算服务。适用于对于访问switchMap(api调用)之后的操作有效负载等场景。详情请参考：云函数产品介绍
- 云数据库MongoDB版：可弹性扩容，全球部署，支持自动备份和恢复的分布式数据库服务，适用于存储和管理访问switchMap(api调用)之后的操作有效负载等数据。详情请参考：云数据库MongoDB版产品介绍
请注意，上述产品仅为示例，腾讯云还提供了丰富的云计算产品和服务，具体选择应根据实际需求和项目情况进行评估。
相关·内容
我遵循Ngrx的基本效果模式，使用datapersistence.pessimisticUpdate()将post发送到服务器，如下所示。
@Effect()
myUpdateCompleted$ = this.dataPersistence.pessimisticUpdate(MyActions.UpdateData, {
run: (action: UpdateData, state: MyDataPartialState) => {
return this.myDataService.updateData(action.payload)
浏览 1提问于2019-03-14得票数 1
2回答
传递值对Ngrx角的影响
、、、、
我对NgRx很陌生。我想传递一个值给一个效果。该值是要在服务中搜索的参数。
效应TS文件
export class UsersEffects {
searchParam: string;
@Effect()
users$ = this.actions$.pipe(
ofType(ActionTypes.SEARCH_USERS),
map(action => action.payload), //ERROR doesn't recognize payload
switchMap((payload) =>
this.github
浏览 0提问于2019-05-22得票数 0
回答已采纳
我刚接触过ngrx-6。该效果将侦听操作"LOAD_COURSE_DETAILS“，并应调用course_id (action.payload)服务。但我搞错了
属性“toFixed”在“Action”类型中缺失。
但是，如果我执行console.log，我可以看到数据从组件传递到效果。
如何将参数传递给服务？
提前谢谢。
文件:效果
@Effect()
loadCourseDetails$ = this.actions$.pipe(
ofType(CourseActionTypes.LOAD_COURSE_DETAILS),
switchMap((acti
浏览 0提问于2018-09-23得票数 11
回答已采纳
我在我的Angular2应用程序中使用了ngrx/effects，自从RC5发布以来，我就收到了错误。这是我的代码：
import { Injectable } from '@angular/core';
import { Effect, Actions } from '@ngrx/effects';
import { UserActions } from './user.actions';
import { LoginService } from '../login';
constructor(
private updat
浏览 6提问于2016-08-16得票数 4
回答已采纳
1回答
如何在ngrx中发挥作用
、、、
我使用作为模板在ngrx中创建了一个简单的效果。我的代码略有不同：
`
@Effect()
addSeries$ = this.actions$
//Listen for the 'ADD_SERIES' action
.ofType(GraphsActions.ADD_SERIES)
//use that payload to construct a data query
.map(action => action.payload)
.switchMap(payload => this.http.get(/*ma
浏览 4提问于2017-05-15得票数 0
回答已采纳
1回答
我的应用程序需要分两阶段上传文件：
将文档元数据保存在后端；返回url+sas令牌以上载到Azure存储上载文档到azure存储
同样重要的是：
广播SuccessCapture故障
我使用的是角9和NGRX 9，并且希望当用户选择一个文件时，上面的操作作为一个动作发生。从NGRX的文档来看，我相信这将是一个concatMap操作，但我还没有取得成功。我最接近的是以下几点：
saveAndUploadDocument$ = createEffect(() => {
return this.actions$.pipe(
ofType(DocumentActio
浏览 4提问于2020-05-16得票数 0
回答已采纳
3回答
我正在使用NgRx @Effect，为了达到某种效果，我需要执行2个API调用:第一个API调用的结果在第二个API调用中使用，我希望以这种方式将第二个API调用作为payload发送Action：
@Effect()
FetchDetails() {
return this.actions.pipe(
ofType(actions.SOME_ACTION),
switchMap((action: SomeAction) => this.myService.getContext()),
switchMap((ctx: Context) => this.m
浏览 4提问于2021-11-29得票数 0
回答已采纳
在我们的角度网页应用，我们有一些NgRx-效果，使用不同的信息，从我们的商店不同的部分。为此，我们使用了推荐的withLatestFrom-approach：
withLatestFrom(
this.store.pipe(select(...)),
this.store.pipe(select(...)),
...
)
虽然这种方法在生产中似乎很好，但是对于单元测试效果来说，感觉很糟糕。
对于我们的单元测试，我们目前正在使用茉莉花弹珠、茉莉花间谍对象和ngrx MockStore (NgRx 7+)。困难的部分是提供必要的存储状态，以便选择器能够正常工作。
我们没有单元测试
浏览 0提问于2019-03-28得票数 2
回答已采纳
1回答
不久前，我在库周围设置了@ngrx/effects，但是这些响应并没有完全解决我的问题。
我现在感到高兴的是，我理解了行动和效果是如何相互联系的，但我仍然不确定它们所起的作用。在某种程度上帮助了我，但它似乎正在完成所有繁重的工作:例如，loadCollection$效应似乎正在加载所有的资源；随后的AddBookSuccessAction分派似乎会将书籍添加到集合中。
在这个应用程序中，AddBookAction似乎在还原器中什么也不做，但其效果是加载资源并发送一个成功的操作。
我想我真正想知道的是关注点的分离:行动应该做什么，效果应该做什么？
浏览 3提问于2016-12-28得票数 2
回答已采纳
1回答
我对ngrx非常陌生，我正试图开发一种效果，将多个调用分派到我的API中，以检索对象的子列表。
这是我的密码。
loadMyChildren$ = createEffect (() => this.actions$.pipe(
ofType(SomeActions.loadMyChildren),
switchMap(({parentsObjArr}) => {
const obsList$: Observable<ChildModel>[] = parentsObjArr.result.map(parentsObj =>
浏览 6提问于2022-03-21得票数 0
我有一个具有四个ngrx动作的角(2)应用程序：
启动
未由减速机处理(无状态变化)
ngrx效果调用异步任务并映射到成功或错误。
成功
用减速机加工
ngrx效果地图前进
先进
不经减速机加工
ngrx效果导航到不同的路由。
误差
用减速机加工
无效
问题是，加速的效果似乎在处理成功的减速器()之前运行。
以下是效果代码：
@Effect() start$ = this.actions$
.ofType('START')
.map(toPay
浏览 1提问于2017-03-11得票数 5
1回答
我正在开发一个使用Angular 2.0和NGRX的应用程序。我来自React/Redux，所以我还在思考如何做一些事情。
当我想在模板中打印一些东西时，我可以这样写：
@Component({
selector: 'dashboard',
directives: [MainContainer],
styleUrls: [
'./dashboard.style.css'
],
template: `
<main-container [section]="viewSection | async">&l
浏览 0提问于2016-07-28得票数 4
1回答
我正在与NGRX和facade合作。我正面临一些问题。当我调用getLedgerAccountTypes() facade方法时，它使api请求t并返回响应。但问题是，我不能与它一起使用.pipe().subscribe()，并且不能将数据分配给组件中的变量。另一方面，我有可以使用getLedgerAccountTypes$()的.pipe().subscribe()，但它不会发出api请求并从状态中进行选择。我需要一个方法，它可以发出api请求，得到响应，我可以将数据分配给组件中的一个变量。我有我的密码。请查看我的代码，并告诉我如何修复它。
ngOnInit(): void {
浏览 6提问于2022-06-14得票数 0
回答已采纳
3回答
我正在与NGRX (国家管理)在角11。
我正在显示组件负载上的租户列表。使用NGRX效果，实际上我请求http通过服务。
，这是我的效果，
@Injectable()
export class TenantsListEffects {
constructor(private actions$: Actions, private tenantListService:
TenantAdministrationService) { }
loadTenants$ = createEffect(() => this.actions$.pipe(
ofType(TenantsListActi
浏览 7提问于2021-03-05得票数 0
我在组件中有api调用，这是占用时间的，所以我实现了。我希望解析器数据出现在存储中，以供以后使用。我已经实现了ngrx/store，ngrx/effects和ngrx/路由器存储。
组件中的电流状态
直接从组件中的解析器数据中获取数据(路由类型为ActivatedRoute)
期望状态
为了保存解析器数据，我需要有效地访问解析器数据。因此，我可以简单地在组件中分派操作并订阅状态。
组件中的调度操作(LoadSubTopicDetails)
效果将侦听操作并访问效果中相同的解析器数据。
问题
我总是在CustomSerializer中的“数据”中获取空的Cust
浏览 0提问于2018-10-15得票数 0
回答已采纳
1回答
我正在尝试使用我的auth服务来获取用户令牌，然后使用我的效果文件中的令牌发出http请求，然后发送另一个操作。但它一直让我在(动作) =>上出错。我是新来的效果和角质，所以非常感谢帮助！
类型'(action: Action，State) => void‘的参数不能分配给类型’(值: Action，State，index：=> ObservableInput<{}>‘)的参数。类型'void‘不能分配到键入'ObservableInput<{}>’。
import { Injectable } from '@ang
浏览 1提问于2018-03-12得票数 0
回答已采纳
我在相关的应用程序中使用以下库:角4.x，ngrx 4.x，rxjs 5.4.x
我有一个api，我需要每5分钟进行一次投票。用户还可以手动刷新数据。该数据存储在ngrx存储区中。我使用的是ngrx效果，因此通过发送一个类型为“FETCH”的操作来检索数据。
我想要设置一个rxjs流，它将把“FETCH”操作分派给ngrx商店。这将是一个滑动的5分钟计时器，当用户手动更新商店时重置。流在订阅时应该首先发出一个值。
我不知道我怎么能重设计时器。在普通的javascript中，我将执行如下操作：
console.clear();
let timer;
let counter = 0;
fun
浏览 3提问于2017-12-12得票数 3
回答已采纳
我在我的应用程序中使用了angular、ngrx和rxjs。当一个效果被调用两次时，第一个效果http请求被取消，只有第二个被计数。 我想在ngrx作用域之外的函数中模拟这一点。 我有以下方法： checkMissionPoint(
positions: Array<Cesium.Cartographic>
): Observable<{
valid: boolean;
response: Array<CheckWaypointResponse>;
}> {
return this.store$.pipe(
浏览 17提问于2020-12-29得票数 0
回答已采纳
2回答
访问状态或存储效果？
、、、
我试图访问NgrX效果中的当前状态/存储，它只返回初始状态。但是，当我尝试从组件访问它时，它工作得很好。
效应类
@Injectable()
export class RootEffects {
/*
To handle the behaviour of the Effect when different Action instances
occurs on the same effect you can change mergeMap to other operators
*/
constructor(
private actions$: Action
浏览 17提问于2022-03-08得票数 0
回答已采纳
2回答
我是一名后端开发人员，从我正在从事的一个项目的前端开发开始。前端使用Angular7和NgRx。在过去的4天里，我学习了很多，但这里有一些我被困住了的东西，非常感谢你的帮助。
我了解到，在NgRx中，我们可以通过返回一个具有多个动作的可观察数组来分派来自一个效果的多个动作。我想根据一个条件来调度数组中的一个操作。
我的代码如下所示
@Effect()
something$: Observable<Action> = this.actions$.pipe(
ofType(ActionType),
switchMap.(action: any) => {
浏览 23提问于2019-11-25得票数 3
回答已采纳
例如，我想每10秒更新一次列表。我使用了操作员‘计时器’，但在Chrome ->网络选项卡上没有显示第二次。
我的进程:调度加载操作-我的api -方法GET -只能在网络选项卡中调用一次。但是如果我创建了一个带有分派操作功能的按钮，我的api将在每次点击时在网络标签/Chrome中被多次调用
我的env: ngrx 7.4，rxjs 6.5.2，angular 7，所以我不知道服务器自动阻塞重复调用api，或者angular和ngrx是否在使用缓存
//我的效果
load$: Observable<Action> = this.action$.pipe(
ofT
浏览 0提问于2019-11-04得票数 0
@effect()
public loadAccommodations$: Observable = this.actions$
.ofType(PAA.PROPERTY_LOAD_REQUEST)
// .debounce(300)
// introducing this mitigates the flood but does not resolve the issue
.switchMap((action: Action) => {
return this.propertyAccommodationsService.loadAccommo
浏览 2提问于2017-09-13得票数 0
为了简化代码和维护共享状态，我最近在我现有的angular2应用程序中添加了ngrx store。然而，我对其中的一部分感到困惑，一开始我从服务器更新一次状态，之后我只在状态上工作，而不检查服务器。那么当一些东西在后端发生变化时会发生什么呢？当我转到那个页面时，我是不是每次都要检查它，还是有更好的方法？基本上，我想知道确保更新状态数据以显示服务器数据的最佳实践是什么？
浏览 19提问于2017-03-16得票数 9
2回答
我在这里联系你关于ngrx效果，我尝试做的是有一个函数登录，它分发一个动作类型的登录，在这个动作上的效果将使用我的服务进行api调用。在此返回令牌之后，我想分派另外两个操作，一个是getUserMenu类型，另一个是getUserInfo类型。这两个动作的类型不同，效果也不同。
我在最后有3个存储区:一个用于令牌和身份验证，一个用于用户信息，一个用于菜单信息
我试过这样的东西：
login = createEffect(
() =>
this.actions$
.pipe(
ofType(authLogin),
tap(action => {
con
浏览 19提问于2019-08-13得票数 8
考虑一个可以抛出异常的正常函数，例如：
function canThrow(){
...
throw 'error';
}
我想用在NGRX效应中：
public myEffect$ = createEffect(() =>
this.actions$.pipe(
ofType(DoSomethingAction),
map(() =>
canThrow(),
),
map(() => SucceededAction()),
catchError(() => of
浏览 4提问于2022-06-30得票数 0
这个堆栈溢出：说，在ngrx中，效果在还原器之前运行。然而，我的效果：
@Effect({dispatch:false})
updateToken$ = this.actions$.pipe(
ofType<UpdateToken>(AuthActionTypes.UpdateToken),
mergeMap((action) =>
this.auth.getUsernameFromToken(action.token).pipe(map(username
=> {
action.username=username;
})
浏览 5提问于2022-06-23得票数 1
1回答
如何创建一个ngrx效果，只有在两个动作都完成并返回值的情况下才会触发？ 示例: actionASuccess + actionBSuccess ->效果 我尝试了这个解决方案:使用combineLatest或ofType(...waitFor)的How to wait for 2 Actions in @ngrx/effects，但两者都不能像预期的那样工作。 这是我的代码。switchMap的内容会被调用两次，但应该只调用一次： navigateEmployeeNotificationsTypeSuccess$ = createEffect(() =>
combineLate
浏览 18提问于2021-05-02得票数 0
我在学习如何在角度上使用ngrx效应。我正在跟踪ngrx文档，并尝试实现我的第一个效果：
在我的组件中，我创建了一个dispatch()来加载一个用户列表：
public ngOnInit(): void {
this.store.dispatch({ type: '[User Page] Load Users' });
}
我创建这个效果是为了监听我的行为，并从我的api中调用：
loadUsers$ = createEffect(() =>
this.actions$.pipe(
ofType('[User Page] Load Users&#
浏览 2提问于2020-05-12得票数 2
回答已采纳
2回答
我刚刚开始学习@ngrx/store和@ngrx.effects，并在我的ar角/Ionic应用程序中创建了我的第一个效果。它第一次运行正常，但是如果我再次将事件发送到商店(即再次单击按钮时)，什么都不会发生(没有进行网络调用，控制台日志中也没有)。有什么明显的我做错了吗？效果如下：
@Effect() event_response$ = this.action$
.ofType(SEND_EVENT_RESPONSE_ACTION)
.map(toPayload)
.switchMap((payload) => this.myService.eventRespo
浏览 2提问于2017-05-25得票数 15
回答已采纳
当从API获取数据时，首先需要检查是否已经存储了令牌，以及它是否仍然有效。如果不是，我需要从API中获得一个新的GET_TOKEN_SUCCESS操作，然后再进行实际的数据请求。
如何使用ngrx/effects处理这个场景，而不必在一个效果中编写所有逻辑？
浏览 1提问于2016-11-08得票数 0
回答已采纳
我已经使用ngrx schematics生成了动作，它看起来如下所示：
export enum UserActionTypes {
LoadUsers = '[User] Load Users',
AddUser = '[User] Add User',
UpsertUser = '[User] Upsert User',
AddUsers = '[User] Add Users',
UpsertUsers = '[User] Upsert Users',
Updat
浏览 1提问于2018-09-03得票数 2
我正在尝试从调度中发送id参数到效果，我在google中找不到任何这种情况的例子。
下面是我已经有的代码：
组件：
ngOnInit(): void {
this.packageClass = `type-${this.package.packageType.toLowerCase()}`;
// I set the payload to the action
this.store.dispatch(new LoadClusterInfo({id: this.package.id}));
this.checkStatus();
}
效果(我需要访问该值的地方)
@E
浏览 0提问于2019-01-22得票数 11
回答已采纳
我在Range2Project工作，使用ngrx和rxjs技术。
现在我有个问题：
我试着宣布一种效果。这种效果有http请求，而只有在成功的时候才有--我想调用其他的http-request，所以只有当它也成功了--然后发出成功--操作时，才会成功。
我已经通过抛出一个错误来测试它，但是它总是分派操作！
请参见：
@Effect()
createEntity$ = this.actions$.ofType(CREATE_ENTITY)
.switchMap((action: CreateEntity) => {
return this.httpS
浏览 5提问于2017-09-13得票数 0
回答已采纳
3回答
我有一个问题，那就是如何把一个可以观察到的东西归还给一个外在的承诺。我的effects.ts中有以下内容：
@Effect()
login$: Observable<Action> = this.actions$.pipe(
ofType(UserActions.LOGIN),
switchMap((action: UserActions.LoginAction) => {
this.db.auth.signInWithEmailAndPassword(action.payload.email, action.payload.passwo
浏览 5提问于2020-05-03得票数 0
回答已采纳
1回答
我有这个效果，我试图使用计时器每x秒轮询数据。但我不知道计时器应该如何与数据流交互。我尝试在顶部添加另一个switchmap，但后来无法将操作和有效负载传递给第二个开关映射。有什么想法吗？
我看了，但我的情况有点不同。我用我需要访问的操作传递一个有效负载，并使用ngrx 6。
@Effect()
getData = this.actions$
.ofType(appActions.GET_PLOT_DATA)
.pipe(
switchMap((action$: appActions.GetPlotDataAction) => {
浏览 0提问于2018-09-10得票数 5
回答已采纳
2回答
我正在使用一个使用ngrx的角度应用程序进行开发。我定义了下面的公约，以实现一个负荷指标：
每个实体的初始状态设置为空。
在效果启动时使其成为空对象
用已完成效果的数据填充它
现在我的效果之一就是：
@Effect()
LoginUser$ = this._actions$.pipe(
ofType<LoginUser>(EUserActions.LoginUser),
switchMap((params) => { new LoginUserSuccess(<IUser>{}); return of(params);
浏览 1提问于2019-05-15得票数 0
回答已采纳
我正在使用@ngrx/效果库创建一个效果服务。但我错了。错误似乎来自switchMap中的switchMap参数。如果我将它悬停，action:unknown，我认为action是ofType运算符的结果。它能不能从前面的操作符中推断出类型呢？
//固有效应。
import { Injectable } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import * as AuthActions from './auth.actio
浏览 8提问于2022-04-27得票数 0
回答已采纳
我是ngrx的新手，需要帮助才能进入"redux“的思维模式。我从这个演示中学到了：Heroes App with ngrx。我的问题是如何处理包含多个功能状态的api响应。来自非ngrx的世界，我认为就“dto”而言，为了减少http请求，api在一个响应中返回多个集合。 例如，如果Heroes示例中api中的端点返回如下结构： {
heroes: [...list of hero objects],
villains: [...list of villain objects]
} 这种类型的横切更新应该放在根缩减程序中吗？我是不是做错了？ 感谢任何帮助- Hans
浏览 7提问于2019-12-12得票数 0
回答已采纳
2回答
我正在尝试设计一个ngrx效果，它可以查看对象列表。如果id在这个列表中，它需要用新的Id更新还原器，并导航到新的路径。
如果一个id不在列表中，它只需要导航到一个新的路径。这个有条件的路径可以工作。NavigateToNewApp(newPath)将成功地路由到新路径。
返回(ConcatMap)，需要触发两个操作-- SetThingIdSuccess和NavigateToNewInternalApp不工作。我明白了：UserEffects.setAppContext" dispatched an invalid action: {"_isScalar":true}
浏览 0提问于2018-10-22得票数 0
回答已采纳
1回答
ngrx调度的操作未到达效果
、、、、
我是@ngrx的新手。我在business-unit.actions.ts中创建了一个@ngrx操作，并从组件中分派此操作。但由于某些未知的原因，行动并没有达到联合效应。我浏览stackoverflow和其他@ngrx教程。我已经检查了Redux devtools，那里的loadSearchBusinessUnits操作被完美地分派了，但是它没有到达@ngrx/effects。任何形式的帮助都将不胜感激。提前谢谢。
这是我的business-unit.actions.ts文件；
enum BusinessUnitActionsTypes {
LoadSearch = '[Busin
浏览 6提问于2021-11-25得票数 0
我正在我的角度NgRx启用应用程序中设置新的效果模块。
当我有一个视图打开，我想提出相当多的要求。由于有许多请求，我希望将这些请求放入自己的方法中，并让这些请求分派success或failed操作。这些请求的API都是async方法(它们返回一个承诺)
我有以下几点
public viewOpened$ = createEffect(() => this.actions$.pipe(
ofType(myActions.viewOpened),
// Use a switchMap to cancel any ongoing subscriptio
浏览 1提问于2022-01-17得票数 0
回答已采纳
1回答
我昨天开始学习ngrx。因此，为了一些实践，我决定用它重写我的组件。它曾经在没有ngrx的情况下工作得很好。我的showcase.component.ts： @Component({
selector: 'app-showcase',
templateUrl: './showcase.component.html',
styleUrls: ['./showcase.component.css']
})
export class ShowcaseComponent implements OnInit {
books$ = this
浏览 11提问于2020-04-14得票数 0
回答已采纳
有两种方法可以创建ngrx操作。一个是定义一个实现Action类的新类，另一个是使用"createAction“函数。有没有办法获取使用"createAction“方法创建的操作的类型？
例如，如果我有这样的操作：
export const getWorker = createAction(
'[Worker Api] Get Worker',
props<{ workerId: number }>()
);
我想让workerId具有侦听该操作的效果：
getWorker$ = createEffect(() => {
return
浏览 0提问于2020-11-21得票数 1
1回答
当登录操作成功时，我会发出登录操作和登录成功操作。
登录操作正确触发还原器。成功操作在有有效负载时不会触发减速器(如果我移除有效负载，它就会触发它，但之后我就没有用户了)。
但是它确实正确地触发了导航效果，这两个操作在redux工具中都是可见的。
在成功登录时，我从firebase获得了以下错误(甚至我也从承诺中得到了用户返回)：
无法读取未定义at Object.push../node_modules/@firebase/firestore/dist/index.cjs.js.Firestore.configureClient () at Object.push../node_modules
浏览 1提问于2019-12-16得票数 3
3回答
假设我有以下rxjs管道：
start$.pip(
map((id)=> {}), //I want to save the "id" value to be used in the end of the pipe
map(...),
switchMap(...),
map(...),
switchMap(...),
map(...),
switchMap(...),
switchMap(...)//I need the original "id" value here
).subscribe
浏览 22提问于2018-07-29得票数 9
回答已采纳
1回答
我正在努力掌握NgRx效果。
使用最新的版本8，我编写了以下效果，它将可观察到的内容与承诺结合在一起，我很难掌握如何正确地编写它。
这能保证捕捉所有可能的错误吗？
authLogin$ = createEffect(() => this.actions$.pipe(
ofType(AuthActions.authLogin),
switchMap(async(action) => {
try {
const userState = await this.loginService.login(action.username, action.
浏览 0提问于2019-08-18得票数 2
回答已采纳
我的应用程序是用NGRX在angular中构建的。我发送了一个getUser()操作来检索用户ID，我想等待用户ID返回，然后从数据库服务中获取该用户的所有项。
如何才能最好地实现这一点？我正在考虑创建一个名为getInitialData的动作和效果，它可以链接动作。我有两个reducers，一个用于用户，另一个用于项目。
我应该在users reducer中创建getInitialData action +服务，还是应该创建一个新的reducer？
浏览 0提问于2020-04-30得票数 0
1回答
我的应用使用ngrx和ngrx效果。以下是我的应用程序效果之一：
@Effect()
reloadPersonalInfo$: Observable<Action> = this.actions$
.ofType(currentUserAccount.ActionTypes.RELOAD_PERSONAL_INFO)
.filter(() => <boolean>JSON.parse(localStorage.getItem('authenticated')))
.switchMap(() =>
t
浏览 0提问于2017-03-03得票数 1
回答已采纳
1回答
我目前正在为一个使用NGRX的角度应用程序开发一个功能，在该功能中，一个动作被分派来使用Id获取一些数据；然后使用第一个服务调用中的响应对象，提出第二个请求，从一个不同的端点中提取更多的细节。做完所有事情后，数据/操作可以继续流动。
问题:我正在寻找一种在单一效果中执行上述操作的方法，而不需要链接效果/操作，因为这会导致呈现的组件不完整。
我看过一些使用forkJoin的例子，但不确定这是否适用，因为它们不是并行调用，而是排序的。
代码是这样的：
this.actions$.pipe(
ofType(fetchAllData),
switchMap(action
浏览 1提问于2020-05-26得票数 0
回答已采纳
最近，我开始从ngrx迁移到ngxs，并提出了一个设计问题:我应该在哪里打一些电话。
在NGRX中，我将为每个与api的交互创建3个操作。类似于：
GetEntities -指示初始api调用是GetEntitiesSuccess (表示数据GetEntitiesFail的成功返回)表示数据返回不成功。
我将创建一个效果来监视GetEntities操作，它实际上调用了API，并通过调用带有结果有效负载的成功/失败操作来处理响应。
在NGXS中，当操作发生时，我是从存储本身发出api调用，还是使用其他NGXS对象来处理这些API调用，然后按照在ngrx中所做的那样处理这些操作(通过每个调用创建多
浏览 4提问于2019-02-06得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
