ngx-datatable-行在选项卡集中无法正确显示

Question

我有一个角分量（国家分量），其中有3个子分量作为Tab（州，人口，工业）。父组件具有一个下拉列表，例如“国家列表”，它控制着数据显示在选项卡中。 加载后，“国家列表”下拉列表中将不会选择任何内容，“状态”选项卡将加载0行int状态列表。

我在状态列表表中使用@ swimlane / ngx-datatable。

当我选择一个国家（例如印度）时，将填充州列表表（29行）。到目前为止一切正常。

当我移至另一个选项卡（人口或行业）并更改国家（具有10个州），然后转到“状态表”时，状态列表表中仅显示1行（第一行）。

在这两种情况下，英尺均会显示准确的计数。

为什么会这样？ ngx-datatable有问题吗？？

父项：

<tabset>
	<tab heading="States">
		<app-states>
		</app-states>
	</tab>
	<tab heading="Population">
		<app-Population>
		</app-Population>
	</tab>
	<tab heading="Industries">
		<app-Industries>
		</app-Industries>
	</tab>
</tabset>

表单布局：

Answer 1

可以使用如下所示的布尔参数来解决此问题：

MyComponent.ts

    export class MyComponent implements OnInit{
        IsDataReady:boolean
        mydata=[];

        constructor(private _myService:myService){
            this.IsDataReady=false;
        }

        ngOnInit() {
            this.LoadData();    
        }

        LoadData(){
            this.IsDataReady=false;
            //Get data from service
            this._myService.getData().subscribe(data=>{
                this.mydata=data;
                this.IsDataReady=true;
            }
        }
    }

如下所示在* ngIf中添加布尔变量

MyComponent.html

    <ngx-datatable #data class="material" *ngIf="IsDataReady">
    </ngx-datatable>