我的应用程序中有两个选项卡，我使用ngFor实现了相同的功能。相同的代码是，
<mat-tab-group >
<mat-tab (click)="testMethod2GetTitle(tabtitle)" *ngFor="let tabtitle of selelectedTabs; let index = index" [label]="tabtitle" class="tab-title">
<mat-selection-list >
<mat-list-option *ngFor="let list of tabsData" >
{{list}}
</mat-list-option>
</mat-selection-list>
</mat-tab>
</mat-tab-group>
然后，对于每个选项卡，我需要显示不同的数据。例如，标题为“亚洲”的选项卡将显示印度，巴基斯坦，中国，标题为“美国”的选项卡将显示南美洲，纽约，巴西等的列表。
我尝试通过在用户单击相同的标题时使用tabstitle来将值列表传递给tabsData的逻辑。但是它具有以下缺点：
我不确定，但是我建议您使用mat-tree，它将具有数据常量，通过使用该树，将创建数据源。您可以使用此stack-blitz链接，在该链接中，我根据洲名动态地称为“国家/地区列表”。尽管它们大多数都是硬编码的，但是您可以进一步参考和优化。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句