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 は初めてなので)。質問に何か追加する必要がある場合はお知らせください。前もって感謝します。