如何访问路由器存储参数效果？

Question

我需要传递从 URL 获得的 ID。

我有一个包含我的路由器存储的根存储，还有另一个用于我的组件的存储，用于加载一些数据。

1.如何从我的效果中的路由器存储访问 URL 参数？

2。是否可以从我的组件效果访问根存储中的数据？

3。现在我有 24322 个硬代码，我需要从我的根存储中获取它。我应该在我的 effect 上获取它还是在 payload 上传递它更好？*

下面是我的组件效果的代码

import { Injectable } from '@angular/core';

import { Effect, Actions, ofType } from '@ngrx/effects';
import { of } from 'rxjs';
import { map, switchMap, catchError } from 'rxjs/operators';

import * as fromRoot from '../../../store';
import * as topicActions from '../actions/topic.actions';
import { PostsService } from '../../../service/posts.service';

// need to connect with roter store
@Injectable()
export class TopicEffects {

    @Effect()
    loadTopic$ = this.actions$
        .pipe(
            ofType(topicActions.LOAD_TOPIC),
            switchMap(() => {
                return this.postService.getTopicHeader(24322).pipe(
                    map(topic => new topicActions.LoadTopicSuccess(topic)),
                    catchError(error => of(new topicActions.LoadTopicFail(error)))
                );
            })
        );

    constructor(private readonly actions$: Actions, private readonly postService: PostsService) {}

}

Answer 1

要从您的商店访问一个值，您可以将您的商店注入您的 TopicEffects，然后使用 withLatestFrom 运算符。 https://www.learnrxjs.io/operators/combination/withlatestfrom.html.

它看起来像这样：

@Effect()
loadTopic$ = this.actions$
.pipe(
    ofType(topicActions.LOAD_TOPIC),
    withLatestFrom(this.routerStore.pipe(select(selectSomeValue)))
    switchMap(([action, valueFromStore]) => {
        return this.postService.getTopicHeader(valueFromStore).pipe(
            map(topic => new topicActions.LoadTopicSuccess(topic)),
            catchError(error => of(new topicActions.LoadTopicFail(error)))
        );
    })
);

这是否回答了您的问题？

如何访问路由器存储参数效果？

How to access router-store params on effect?

angular

ngrx

ngrx-router-store