ngx-datatable

Question

我有一个 angular 组件（国家/地区组件），其中有 3 个子组件作为选项卡（州、人口、行业）。父组件有一个下拉列表，比如 'Country List' ，它控制要在选项卡中显示的数据。加载时，国家/地区列表下拉列表中不会 select 编辑任何内容，状态选项卡将加载 0 行 int 状态列表。

我正在使用 @swimlane/ngx-datatable 作为状态列表 table。

当我 select 一个国家（例如：印度）时，状态列表 table 将被填充（29 行）。目前一切正常。

当我转到另一个选项卡（人口或行业）并更改国家/地区（有 10 个州），然后转到州 Table，州列表中仅显示 1 行（第一行）table。

页脚显示两种情况下的准确计数。

为什么会这样。？ 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>

ngx-datatable - 选项卡集中的行未正确呈现

ngx-datatable - Rows are not rendered properly in tab set

angular