NGX-Datatables。どのように現在のテーブルのインスタンスを取得するには？

Question

私は@Inputによって別のコンポーネントからRowDataを受け取るテーブルを持つコンポーネントを持っています。どのように私は現在のテーブルのインスタンスを取得できますか？私のhtml

export class GridComponent implements OnChanges { 
@Input() inputData: [object]; 

columns1 = [ 
    { prop: 'name' }, 
    { name: 'Gender' }, 
    { name: 'Company' } 
]; 
} 

Answer 1

@Viewchild TS

<ngx-datatable 
     class="material" 
     [rows]="inputData" 
     [columns]="columns"> 
</ngx-datatable> 

とコンポーネントの一部だ

は正しい方法ですが、あなたはそれを別の方法を使用する必要があります。

これはあなたのやりたいことです。

HTML：

<ngx-datatable 
     #firstTable 
     class="material" 
     [rows]="inputData" 
     [columns]="columns"> 
</ngx-datatable> 

<ngx-datatable 
     #secondTable 
     class="material" 
     [rows]="inputData" 
     [columns]="columns"> 
</ngx-datatable> 

Component.ts： http://learnangular2.com/viewChild/

追加：：

export class GridComponent implements OnChanges { 
@Input() inputData: [object]; // This line doesn't look right 

@ViewChild('firstTable') myTable1: DatatableComponent; 
@ViewChild('secondTable') myTable2: DatatableComponent; 

columns1 = [ 
    { prop: 'name' }, 
    { name: 'Gender' }, 
    { name: 'Company' } 
]; 
} 

は、あなたが参照するために、このページを見てみることができますまた、必要に応じて、すべての要素を選択する@ViewChildrenを使用することもできます。 https://angular.io/api/core/ViewChildren