Question

我一直在尝试使用angular datatable插件（http://l-lin.github.io/angular-datatables）的ng-repeat选项。但我得到了一个装载符号。我在jsfiddle中尝试了我的代码 - （http://jsfiddle.net/pmspraju/ckuqkmqe/）。控制器：

var myapp = angular.module('myapp', ['datatables']);
myapp.controller('controller', function ($scope) {
    $scope.list1 = [{
        "id": "1",
        "value": "angular"
    }, {
        "id": "2",
        "value": "meteor"
    }];

});

angular.bootstrap(document, ['myapp']);

HTML：

<div ng:controller="controller">
    <label>list: {{list1}}</label>
    <table datatable="ng" style="width:auto;" class="table table-bordered">
        <thead>
            <tr>
                <th>Index</th>
                <th>id</th>
                <th>Value</th>
            </tr>
        </thead>
        <tbody ng-model="list">
            <tr ng-repeat="lang in list1" class="item" style="cursor: move;">
                <td>{{$index}}</td>
                <td>{{lang.id}}</td>
                <td>{{lang.value}}</td>
            </tr>
        </tbody>
    </table>
    <hr>
</div>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js">

</script>
<script src="http://cdn.datatables.net/1.10.1/js/jquery.dataTables.min.js">

</script>
<script src="http://code.angularjs.org/1.0.2/angular.min.js"></script>
<script src="http://angular-datatablesjs-site.orionhub.org:8000/angular-datatables.js"></script>
<script src="http://angular-datatablesminjs-site.orionhub.org:8000/angular-datatables.min.js">

</script>

如果可能请帮助我。我会很感激任何输入（因为我是棱角分明的新手）。如果我需要在我的问题中添加任何内容，请告诉我。提前谢谢。

ng-repeat with angular datatable插件

0 个答案: