要在typscript組件中訪問的Html數據表數據

Question

我想訪問所選的mfRowsOnPage。例如，現在它是10. 稍後用戶可能會選擇5或15.我需要組件中的這些數據。 I 甚至想要獲得向用戶顯示哪些頁面數據。示例第1頁 頁面或第2頁，依此類推。

這是我的表格。

<table class="table" [mfData]="stacklist_table| selectedcolumn | search : searchQuery | filter: addFilter : selected" #stacklist="mfDataTable" [mfRowsOnPage]="10"> 
      <thead> 
      <tr> 
       <th *ngFor="let colValues of stacklist.data | column: '' : ''"> 
       <mfDefaultSorter by="{{colValues}}">{{colValues|translate}}</mfDefaultSorter> 
       </th> 
      </tr> 
      </thead> 
      <tbody> 
      <tr draggable *ngFor="let stack of stacklist.data" [dragOverClass]="'drag-over-border'" [dragData]="stack" [class.active]="checkIfStackElementIsSelected(stack)" (click)="setStacklistRow(stack, $event)"> 
       <td *ngFor="let rowValues of stack | row">{{ rowValues }}</td> 
      </tr> 
      </tbody> 
      <tfoot> 
      <tr style="height: 50px;"> 
       <td colspan="6"> 
       <mfBootstrapPaginator [rowsOnPageSet]="[50,100,150]" style="position:fixed; margin-top: -15px"></mfBootstrapPaginator> 
       <!-- <mfBootstrapPaginator [hidden]='!hideElement' (dblclick)="eventEmitDoubleClick($event)" [rowsOnPageSet]="totalVisibleCount"></mfBootstrapPaginator> --> 
       <!-- <input [hidden]='hideElement' [(ngModel)]="newCount" (click)="doneEditing(newCount)" autofocus /> --> 
       </td> 
      </tr> 
      <tr (click)="loadMoreStackElements()">Load more</tr> 
      </tfoot> 
     </table> 

我該如何去做？ 我是新來的，不理解訪問這些數據的方式。

https://www.npmjs.com/package/angular2-datatable

Answer 1

你可以嘗試[attr.mfRowsOnPage]='10'，並檢查其是否正常工作。