Question

您好我是angularjs的新手，我在使用从http://l-lin.github.io/angular-datatables/#/zeroConfig下载的Angularjs数据表时遇到了问题，收到类似 TypeError的错误：this.renderDataTableAndEmitEvent不是函数我已经按照正确的顺序安排了脚本，但即使在它之后也会遇到同样的问题。

我的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>&nbsp;</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>

我能够在表格中打印我的数据，但事先没有申请数据表。

Answer 1

你得到这个错误，因为＆＃34; angular-datatables.min.js＆＃34;，用新的替换它，你的错误就会得到解决。

angularjs datatables TypeError：this.renderDataTableAndEmitEvent不是函数

1 个答案: