Angular mat-tab ：仅加载初始选定选项卡的内容

问题描述

我正在使用 mat-tab 来显示图表。

每个图表都是用一个查询选择器创建的：

buildDiagram (stepName : string){

    let modeler = new Editor.default({
      container : document.querySelector('#diagram-'+stepName)
    });

在我的组件中，我有一个标签列表：

steps = [
    {name: 'step1'},{name: 'step3'},{name: 'step2'}
  ];

对于每个选项卡，我创建了一个图表：

ngAfterViewInit():void {

for (let step of this.steps){
  this.flowsheetEditorService.buildDiagram(step.name) 
}

在我的 html 中，我试图像这样显示每个选项卡的图表：

<mat-tab-group 'class="diagramTabsContainer">

            <mat-tab *ngFor="let step of steps" [label] = "step.name">
    
                    <div [id]="'diagram-'+step.name" style='height: 74vh;'></div>
             
            </mat-tab>

  </mat-tab-group>  

问题是只显示了初始选定选项卡的图表。

你能帮忙吗？谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）