2017-06-12 41 views
0

我正在使用AngularJS和FooTable在表中顯示數據。爲每個角度api響應重新加載FooTable

更新FooTable內容時出現問題。

這是當超過10條 For more than 10 records

這是一個沒有記錄更新時。 FooTable顯示分頁 enter image description here

當我點擊分頁(2)中,舊記錄表示 enter image description here

這是具有小於10點的記錄更新時。分頁已經消失了。 enter image description here

我FooTable是,

<table class="table" data-paging="true" data-filtering="true" data-sorting="true" data-state="true"> 
    <thead> 
     <tr> 
      <th data-breakpoints="xs">Session ID</th> 
      <th data-breakpoints="xs">Date</th> 
      <th data-breakpoints="xs">Cost</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="(index,session) in sessions" class="panel" repeat-end="onEnd()" data-expanded="true"> 
      <td> 
       <span ng-if="session.sid">{{session.sid}}</span> 
      </td> 
      <td> 
       <span ng-if="session.sid">{{session.date}}</span> 
      </td> 
      <td> 
       <span ng-if="session.cost_to_interviewer">{{session.cost_to_interviewer}}</span> 
      </td> 
     </tr> 
    </tbody> 
</table> 

第一次初始化我作爲FooTable

FooTable.init( '表。',{});

響應(以對象形式)存儲$scope.sessions。然後AngularJS將顯示這個內容。

我試圖調試但失敗。誰能幫我?

+0

嗨,你添加標記尋呼機還是一個內置的尋呼機隨着對錶的代碼來。你能分享嗎? –

+0

嗨@AlexisToby,謝謝你的快速回復。如果我錯了,我很抱歉,你的意思是'data-paging =「true」'?我只在表格中提到過。除了上面提到的,沒有添加代碼。 – Satish

+0

嗨,沒問題,你可以分享一下你爲** $ scope.sessions **賦值的函數代碼。我們可以在那裏添加驗證。 –

回答

0

請爲數據分頁屬性分配一個動態值。

在控制器中,將值賦給$ scope.sessions後,請添加以下代碼。

if($scope.sessions.length>0){ 
    $scope.dataPager = true; 
}else{ 
    $scope.dataPager = false 
}; 

然後將這個$ scope.dataPager賦值給數據分頁屬性。

<table class="table" data-paging="dataPager" data-filtering="true" data-sorting="true" data-state="true">

+0

我明白這個邏輯,並嘗試過。但它沒有工作,並顯示所有結果沒有分頁。所以一次就能顯示10多個結果。 – Satish

+0

您是否按照情況檢查了$ scope.dataPager的值? –

+0

是的Alexis,圖片:http://imgur.com/a/pRm7p – Satish

相關問題