3

私は Angular-datatables ( http://l-lin.github.io/angular-datatables/ ) で AngularJS を使用しており、datatables ColVis プラグインを使用しています。テーブルは正常にレンダリングされますが、列ヘッダーを並べ替えるか、ColVis の表示/非表示の列を使用すると、すべてのデータが削除されます。

Angular コントローラー内にテーブルがあります

<div ng-controller="withColVisCtrl">
<table datatable dt-options="dtOptions">
  <thead>
    <tr>
      <th>Col 1</th>
      <th>Col 2</th>          
    </tr>
  </thead>
  <tbody>
     <tr ng-repeat="value in value_list">
       <td>col 1 data</td>
       <td> col 2 data</td>
    </tr>
 </tbody>
</table>

withColVisCtrl はコントローラーを使用します。

  angular.module('myApp').controller('withColVisCtrl', function ($scope, DTOptionsBuilder) {
        $scope.dtOptions = DTOptionsBuilder.newOptions()
          .withBootstrap()
          .withColVis()
          .withDOM('C<"clear">lfrtip')                                                
          .withColVisOption('aiExclude', [1]);                                       
      });

列見出しをクリックするか、ColVis の表示/非表示を使用すると、テーブルが再描画されたように見えますが、データがありません。

私のデータは API を介して送られてくるため、Angular-Datatables ColVis の例 ( http://l-lin.github.io/angular-datatables/#/withColVis ) とは異なります。

ここで何が欠けていますか？

4

2 に答える 2

0

@ドム、

スクリーンショットを参照してください。メソッドは正常に動作していますが、新しいデータを使用して 2 番目の API 成功応答からこのメソッドを呼び出すと、UI が変更されないか、手動で呼び出しに $apply を使用すると、データ テーブルの動作がおかしくなり始めました。

私が何か間違ったことをしている場合は、私を修正してください

ここに画像の説明を入力

于 2016-05-25T12:29:55.993 に答える