angular - 如何从路由器插座中的另一个组件更改角度组件的不透明度？

Question

我的 app.component 中有一个路由器插座和一个导航栏组件，如下所示：-

<app-nav-bar></app-nav-bar>
<router-outlet (messageEvent)="receiveMessage($event)"></router-outlet>

我有一个名为 home-component 的组件，我想在需要时更改导航栏组件的不透明度。app-routing.module:-

    import { HomeComponent } from './components/home/home.component';
    const routes: Routes = [
      { path: '', component: HomeComponent },
    ]

我已经看到了一些示例，其中变量从子组件传递到父组件等。但是我使用的是一条路线，是否可以在这里执行或应该使用服务？

标签： angular