如何为角桌做分页?

时间:2018-01-09 07:38:43

标签: javascript jquery angularjs twitter-bootstrap datatable

我正在尝试对angularjs中的范围对象进行分页,因为这是使用jquery android { packagingOptions { exclude 'lib/getLibs.ps1' exclude 'lib/getLibs.sh' exclude 'lib/gson-2.2.2.jar' } } 插件。
但是我收到data table错误,表数据也没有显示。
这个错误是什么意思?
我的代码有什么问题吗?



Cannot read property 'insertBefore' of null

var app= angular.module('myApp',[])
app.controller('myController',function($scope){
$scope.details=[
{
'name':'aaa',
'age':'20'
},
{
'name':'aaa',
'age':'20'
},
{
'name':'aaa',
'age':'20'
},
{
'name':'aaa',
'age':'20'
},
{
'name':'aaa',
'age':'20'
},
{
'name':'aaa',
'age':'20'
},
{
'name':'aaa',
'age':'20'
},
{
'name':'aaa',
'age':'20'
}
]


$scope.init = function(){
$('#myData').dataTable();
}
})




任何人都可以告诉我什么是错的吗?如果我错了,请纠正我。谢谢!!: - )

1 个答案:

答案 0 :(得分:2)

对于在控制器中执行jquery对象,您可以创建指令in this way

但是对于表格中的分页,您可以下载angular-table并将flex-grow模块添加到您的应用中。然后以下面的方式使用角度表

视图中的角度表:

angular-table

在控制器中添加配置:

    <table id="myData" at-config="config" at-table at-list="details">

      <tbody>
        <tr >
          <td at-implicit at-title='S.no'>{{$index+1}}</td>
          <td at-implicit at-attribute="name" at-title='Name'></td>
          <td at-implicit at-attribute="age" at-title='Age'></td>
        </tr>
      </tbody>
    </table>
<at-pagination at-config="config" at-list="details"></at-pagination>

您也可以将pagination directive用于您的目的