即使隐藏如何触发组件创建

Question

使用 Angular，我的页面在 NgbNav 中包含多个组件。基本上，当每个组件加载时，它都会调用 API 并显示一个列表。该组件还发出一个事件，告诉父组件找到了多少数据。我使用此信息将其显示在选项卡中。

在我单击第二个选项卡之前：没有数据。

单击第二个选项卡后：子组件获取列表，发出事件，并且选项卡已更新为总计数：

---

如何触发组件创建，即使它隐藏在选项卡中，尚未显示？

Answer 1

您可以将

[destroyOnHide]="false"

属性与

ngbNav

一起使用（api：https://ng-bootstrap.github.io/#/components/nav/api）。在这种情况下，隐藏的选项卡将始终出现在 DOM 中。查看演示 https://stackblitz.com/edit/angular-odykfr?file=src%2Fapp%2Fnav-basic.html