Здравствуйте, я новичок в angularjs, у меня возникла проблема при использовании таблиц данных Angularjs, загруженных с http://l-lin.github.io/angular-datatables/#/zeroConfig, получаю ошибку типа TypeError: this.renderDataTableAndEmitEvent is not a function Я расставил скрипты в правильном порядке, но даже после этого возникает та же проблема.
мой код angularjs
var myApp = angular.module('myApp', ['datatables']);
myApp.controller('AppCtrl', ['$scope', '$http', function($scope, $http) {
$http.get('/contactlist').success(function(response){
console.log(response);
$scope.contactlist = response;
});
}]);
ниже мой HTML-код
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myApp">
<script src="datatable/jquery.min.js"></script>
<script src="datatable/jquery.dataTables.min.js"></script>
<script src="datatable/angular.min.js"></script>
<script src="datatable/angular-datatables.min.js"></script>
<link rel="stylesheet" href="datatable/datatables.min.css">
<script src="controllers/contactlistcontroller.js"></script>
<div class="container" ng-controller="AppCtrl">
<h1>Contact List App</h1>
<table width="100%" border="1" cellspacing="1" cellpadding="2" class="table" datatable="">
<thead>
<tr>
<td>Name</td>
<td>Email</td>
<td>Number</td>
<td>Action</td>
<td> </td>
</tr>
</thead>
<tbody>
<tr ng-repeat="contact in contactlist">
<td>{{ contact.name}}</td>
<td>{{ contact.email}}</td>
<td>{{ contact.number}}</td>
<td><button ng-click="remove(contact._id)" class="btn-danger">Remove</button></td>
<td><button ng-click="edit(contact._id)" class="btn-warning">Edit</button></td>
</tr>
</tbody>
</table>
</div>
</html>
Я могу распечатать свои данные в таблице, но таблицы данных не применяются заранее, спасибо.