如何在不使用@Output的情况下在Angular2 rc6中共享子/父组件中的params变量？

Question

我需要访问发送到父组件中子组件的Params变量。

我有以下结构：

路由:(摘录）

  {
      path: 'song',
      component: SongExerciseComponent,
      children: [
          {
              path: 'reading/:id',
              component: SongReadingComponent,
          }
      ]
  }

父组件只是一个包含导航链接的模板。 我可以像这样访问子组件中的：id var：

  ngOnInit(): void {
    this.route.params.forEach((params: Params) => {
      if (params['id'] !== undefined) {
        let id = +params['id'];

现在我需要在父组件中使用相同的变量来在父模板中使用。

哪种方法最有效？分享服务？ https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-and-children-communicate-via-a-service

Answer 1

您可以创建共享服务或使用 Ngrx商店，灵感来自Redux for Angular2。

在那里你可以阅读它 - https://gist.github.com/btroncone/a6e4347326749f938510

此解决方案的优势在于您可以订阅更改并对其做出反应。此外，数据是不可变的，因此您不会错误地更改某些内容。如果它对您不重要，请使用服务。