angular - 角度将组件附加到各个选项卡

Question

我正在尝试使用角度材料将组件（动态创建）附加到各个选项卡，@viewChild但只有当我单击第二个选项卡中的按钮时，它才会进入第一个选项卡。

这是Stackblitz - angular-append-component-to-respective-tabs

它没有显示在单个选项卡中。我有 3 个标签。所有 3 个选项卡都包含Add按钮，当我单击第一个选项卡的按钮时，它会在第一个选项卡中添加该组件，但是当我单击第二个选项卡的Add按钮时，它只会在第一个选项卡中添加该组件，它应该添加到第二个选项卡中。

有人可以帮我弄清楚如何做到这一点吗？

标签： angularcomponentsangular7viewchildangular-dynamic-components

Answer 1

在这里有一个工作示例https://stackblitz.com/edit/angular-append-component-to-respective-tabs-jp5zzt-p7nonq

使用 ViewChild，您始终可以访问第一个。使用 ViewChildren 并通过 selectedIndex 访问