得到错误：[$ injector：modulerr]使用angularjs数据表？

Question

我正在创建一个用于获取用户列表的小型演示，并使用带有web api的angularjs登录。我使用datatable显示用户列表。然后我在模块文件中包含datatable然后第一次运行项目得到像这样的错误然后从模块中删除'datatable'工作得非常好。所以我无法理解我的错误在哪里。

这是我的app.js代码：

var app = angular.module("Demo", ['ngRoute','datatables']);
app.config(['$routeProvider', function ($routeProvider) {
$routeProvider.

        when('/dashboard', {
            templateUrl: 'home/dashboard',
            controller: 'dashboardcontroller'
        }).           

        otherwise({
            redirectTo: '/home/login'
        });}]);

这是我包含的数据表模块。我在这里删除datatable它工作正常，但再次添加数据表从模块获取错误。

这是我的脚本订购：

 <script src="~/assets/js/jquery.js"></script>
<script src="~/assets/angular.min.js"></script>
<script src="~/assets/js/angular-datatables.js"></script>
<script src="~/assets/angular-route.min.js"></script>
<script src="~/assets/js/jquery.datatables.js"></script>
<script src="~/assets/js/angular.js"></script>
<script src="~/assets/app.js"></script>
<script src="~/assets/services.js"></script>
<script src="~/assets/controller.js"></script>

这是错误：

所以这是我的代码，任何人都知道哪里有错误，请告诉我。

Answer 1

请删除重复的angular导入，并在angular文件之前添加jQuery。像这样：

<script src="~/assets/js/jquery.js"></script>
<script src="~/assets/js/jquery.datatables.js"></script>
<script src="~/assets/js/angular.js"></script>
<script src="~/assets/angular-route.min.js"></script>
<script src="~/assets/js/angular-datatables.js"></script>
<script src="~/assets/app.js"></script>
<script src="~/assets/services.js"></script>
<script src="~/assets/controller.js"></script>

angular-datatables提供datatables指令，您可以添加到<table>

喜欢这个<table datatable="">...</table>

您可以在此处获得更多信息：http://l-lin.github.io/angular-datatables/archives/#!/gettingStarted

Answer 2

您还需要angular-datatable插件，用于在控制器

中注入数据表服务

请参阅angular-datatable

Answer 3

<script src="~/assets/js/jquery.js"></script>
<script src="~/assets/js/jquery.datatables.js"></script>
<script src="~/assets/js/angular.js"></script>
<script src="~/assets/angular-route.min.js"></script>
<script src="~/assets/js/angular-datatables.js"></script>
<script src="~/assets/app.js"></script>
<script src="~/assets/services.js"></script>
<script src="~/assets/controller.js"></script>

试试这个