angular - 以 Angular 2 将数据从一个组件传递到另一个组件(不是父级到子级或子级到父级)？

Question

你好，我是 Angular 2 的新手。我陷入了以下情况。我的主页组件中有一个 ul。我正在对职位描述进行 firebase api 调用并将其存储到一个数组(假设是一个职位数组)，我在主页中显示数据，如下所示

<ul *ngFor = "let job of jobs " class="job-list" routerLink="jobdetails" >
    <div class="row">
      <div class="col-md-3">
        <li>{{job.nameOfThePost}}</li>
      </div>
      <div class="col-md-3">
        <li>{{job.lastDateOfApplication}}</li>
      </div>
      <div class="col-md-3">
        <li>{{job.noOfJob}}</li>
      </div>
      <div class="col-md-3">
        <li>{{job.educationalQualification}}</li>
      </div>
    </div>
  </ul>

单击 ui 的其中一个选项后，我想将用户带到一个新组件，比如说 jobdetails 组件。 现在我的问题是我想将一个数组传递给 jobdetails 组件。由于 jobdetails 组件不是主页组件的子组件，因此如何将数据从主页组件传递到 jobdetails 组件。我找到的所有帮助都是关于如何将数据从 child 传递到 parent 或从 parent 传递到 child 。我该怎么做？

Answer 1

要么选择一个将信息从一个组件共享到另一个组件的服务，如果它是小型应用程序，则推荐使用这种方式，因为嵌套多个事件发射器并不是处理数据的好方法。

另一种方法是 Redux 方法，推荐用于中型到大型应用程序。这是存储和 reducer 的概念，所有数据都在一个地方处理。当您必须在多个组件之间同步数据时，这非常有用。

take a look for further info