将加载变量状态从所有其他组件传递到导航栏组件

Question

在执行HTTP请求时，我想通过加载图标来更改导航中的徽标。

app.component.html：

<app-nav></app-nav>
<router-outlet></router-outlet>
<app-footer></app-footer>

我想要的是router-outlet中的所有页面都可以更改一个名为loading的变量，该变量定义在nav.component.ts内部，该变量将定义是否显示加载图标。

我应该怎么做？