2017-06-12 18 views
0

FooTableでAngularJSを使用して、テーブルにデータを表示しています。各角度API応答のリロードFooTable

FooTableのコンテンツを更新する際に問題があります。

これは、レコードなしで更新するときにこれは10の以上のレコード For more than 10 records

です。私は(2)、古いレコードが enter image description here

を示している10未満のレコードを更新するときにこれは改ページ]をクリックするとFooTableは、改ページ enter image description here

を示しています。改ページは今行っています。 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> 

Iは

FooTable.init( 'テーブル'、{})としてFooTableを初期化初めてです。

レスポンス(オブジェクト形式)は、$scope.sessionsを格納します。 AngularJSはこのコンテンツを表示します。

デバッグしようとしましたが失敗しました。誰でも助けてくれますか?

+0

あなたはポケットベルのタグを追加するか、それはテーブルのコードと一緒に来る作り付けのページャですこんにちは、。あなたもそれを共有していただけますか? –

+0

こんにちは@AlexisToby、すぐに応答していただきありがとうございます。私が間違っているとすみません、あなたは 'data-paging = "true"'という意味ですか?私は表にのみ言及した。上記以外のコードは追加されません。 – Satish

+0

こんにちは、問題はありません、** $ scope.sessions **に値を割り当てる場所で関数コードを共有してください。そこに検証を追加することができます。 $ http.get(baseAuth.getUrl()、{ヘッダ:ヘッダ}); $ .then(関数(応答){ \t $ scope.sessions = response.data.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

はいアレクシス、画像:http://imgur.com/a/pRm7p – Satish

関連する問題