Angular 如何将变量从一个ts文件转换为所有其他ts文件

我在home.component.ts文件中有一个名为

name

的变量，我想在所有文件中全局使用这个变量，我如何才能做到这一点

这是我的密码：

app.component.html

 <nav aria-label="breadcrumb">
   <ol class="breadcrumb">
     <li class="breadcrumb-item"><a>{{ bd_main }}</a></li>
   </ol>
</nav>

如果我们看到这里，我正在从home.components.ts动态传递

bd_main

值，这是一个文件夹，但我想在app.component.html中更新它，这是另一个文件夹

---

我怎样才能做到这一点？

在这里，主题行为与您可以获得的主题行为一起出现，并在整个应用程序中使用声明变量的值。下面的链接是一个主题行为的小例子，希望你能从那里得到一些。多谢各位

---

创建将在根目录或应用程序模块中提供的服务。在这其中，您可以拥有希望在多个组件之间共享的变量。

这是否回答了您的问题？您需要使用一个服务，并将其注入到要访问中变量的每个组件中。您可以使用1。本地/会话存储或2。服务

  export class HomeComponent implements OnInit {
  bd_main= "Home";
  }