angular - Angular2+：从外部路由器出口组件刷新路由器出口组件数据

Question

<div><SearchProjects></SearchProjects></div>
<div>
    <router-outlet></router-outlet>
</div>

每当我根据需要刷新路由器插座组件数据的数据更改搜索内容时。

在第一次路由时，我使用共享服务共享数据，但它不起作用，因为在 init 调用时只调用一次。对于同一路由的下一个数据，它将不起作用。

我需要在常量搜索组件之间共享数据以更改路由器（路由器出口）组件。有时对于相同的路由，需要呈现两个不同的数据。

Answer 1

仅在 app.modules.ts 使用服务提供商

Answer 2

   constructor(route:ActivatedRoute){
      route.params.subscribe(val=>{ 
       //    add to do function()
      })
   }

需要注入“ActivatedRoute”并订阅参数

Route 仅在导航到不同的路由时销毁并重新创建组件。当仅更新路由参数或查询参数但路由相同时，不会销毁和重新创建组件。

Answer 3

使您的服务中的共享数据成为可以像 observable 一样订阅的主题。当你使用 时subject.next(value)，所有的观察者都会被更新。您将在onInit使用共享服务的组件中订阅函数中的主题。