Jquery 重新访问的引导选项卡中的datatable显示没有可用数据

我在一个选项卡中使用ng repeat填充了数据表。如果我访问其他选项卡并返回，我的表将被填充，但没有显示可用数据。 首先加载datatable的所有特性，如排序、搜索、分页。作品但在重访中，一切都不起作用。请帮帮我

<table id="example" class="books-table table table-striped"  ui-jq="dataTable" datatable="ng" ui-options="dataOpt" >
   <thead>
      <tr>
         <th>Book name</th>
         <th>Author</th>
         <th></th>
      </tr>
   </thead>
   <tbody>
      <tr dt-rows ng-repeat="book in data" emit-last-repeat-element>
         <td>{{book.from}}</td>
         <td>{{book.to}}</td>
         <td class="action-icons">
            <a href="#/books/edit/{{book._id}}" class="btn btn-default"><i class="glyphicon glyphicon-pencil"></i></a>
         </td>
      </tr>
   </tbody>
</table>

索引控制器是

(function () {
    'use strict';
    angular
        .module('app')
        .controller('Books.IndexController', Controller);

    function Controller(BookService,UserService,$scope) {
        var vm = this;
        vm.userid=null;
        vm.books = [];
        $scope.data=[];

        initController();

        function initController() {

              UserService.GetCurrent().then(function (user) {
                vm.userid = user._id;

              });
              vm.loading = true;
            BookService.GetAll()
                 .then(function (books) {
                    vm.loading = false;
                    vm.books = books;
                    $scope.data=vm.books;
                });
        }

        $(document).ready(function(){
            var table=$('#example').DataTable();
        });

    }
})();

---

datatable文档中已经有一个使用引导选项卡的示例

所以你需要加上

$('a[data-toggle="tab"]').on( 'shown.bs.tab', function (e) {
    $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();
} );

---

datatable文档中已经有一个使用引导选项卡的示例

所以你需要加上

$('a[data-toggle="tab"]').on( 'shown.bs.tab', function (e) {
    $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();
} );

---

您应该格式化JS代码以确保可读性。将jquery与Angular一起使用不好您应该格式化JS代码以确保可读性。将jquery与Angular一起使用不好对齐没有问题。如果我在第一次加载时添加给定语句，则填充并给出消息“无可用数据”。尝试使用此事件并重新初始化其中的数据表，对齐没有问题。如果我在第一次加载时添加给定语句，则会填充并给出消息“无可用数据”。请尝试使用此事件并重新初始化其中的数据表