1

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>

可能であれば、私を助けてください。ご意見をいただければ幸いです (Angular は初めてなので)。質問に何か追加する必要がある場合はお知らせください。前もって感謝します。

4

0 に答える 0