代码之家 › 专栏 › 技术社区 › JSON

使用路由器商店导航有效模块时,如何激活路线?

ngrx-router-store ngrx angular-routing

JSON · 技术社区 · 6 年前

 return of(
        new routerActions.Go({
          path: ['./', payload.rootPath],
          extras: { relativeTo: this.route },
        }),
      );

 constructor(
    private actions$: Actions,
    private route: ActivatedRoute,
  ) {}

ActivatedRoute 在我的效果模块构造函数,这似乎是这里的问题。如何在组件外部获取激活的路由并将其传递给导航操作?

1 回复 | 直到 6 年前

Eric S 6 年前

ActivatedRoute特定于每个路由组件。

这给了你几个选择。

导航根路由以返回所需的数据。

let route = this.router.routerState.root;
while (route.firstChild) {
route = route.firstChild;
}

return route.snapshot;

从包中的路由组件传递ActivatedRoute。

  constructor(private store: Store<AppState>, private activatedRoute:ActivatedRoute) {}

  doSomething() {
    this.store.dispatch(new Action.YourAction({ id: actionId, route: activatedRoute });
  }

ÐÐ½Ð°ÑÑÐ°ÑÐ¸Ñ ÐÑÐ¿ÑÐ¸ÑÐ½Ð¾Ð²Ð° 4 年前

经过 激活路线 选择路由URL 从状态选择当前URL。

  navigateRelative$ = createEffect(() => this.actions$.pipe(
    ofType(navigateRelativeTo),
    withLatestFrom(this.store.select(selectRouterUrl)),
    tap(([{ commands }, url]) => this.router.navigate([url, ...commands])),
  ), { dispatch: false });

推荐文章

Heathcliff · 访问NGRX中的HTTP头响应

3 年前

Rajiv · ngrx选择器订阅多次引发事件。。。存储中有实值,然后是未定义的值,然后是空值

7 年前

KiraAG · 功能模块中未提供注入令牌

7 年前

AngularM · 如何在ngrx中测试效果?

7 年前

Ramesh Rajendran · 使用ngrx和角度

7 年前

David Ruyle · ngrx、rxjs和angular 5

7 年前

Thiago Rodrigues · 从Reducer调用选择器

7 年前

Frank Visaggio · 使用NGRX和Angular同步处理依赖于另一个可观察对象的可观察对象

7 年前

Hikmat G. · ngrx保存状态数据的地方

7 年前

bucicimaci · 链式减速器ngrx

7 年前