Member 11183217 Ответов: 1

[$Injector:modulerr] не удалось создать экземпляр модуля myapp из-за


HTML:

<html>
<head>
@* CSS *@
<styles>
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/DataTables-1.10.12/media/css/jquery.dataTables.css" rel="stylesheet" />
<link href="~/Content/DataTables-1.10.12/media/css/jquery.dataTables.min.css" rel="stylesheet" />
</styles>
<scripts>
<scripts src="~/scripts/jquery-1.9.1.js"></scripts>
<script src="~/scripts/DataTables-1.10.12/media/js/jquery.dataTables.js"></script>
<script src="~/scripts/angular.js"></script>
<script src="~/scripts/src/angular-datatables.js"></script>
<script src="~/scripts/myApp.js"></script>
</scripts>
@* JS for angularJS and Datatable *@
</head>
<body>
<div ng-app="MyApp" class="container">
<div ng-controller="homeCtrl">
<table id="entry-grid" datatable="" dt-options="dtOptions" dt-columns="dtColumns" class="table table-hover"></table>
</div>
</div>
</body>
</html>


Язык JavaScript:

var app = angular.module('MyApp', ['datatables']);
app.controller('homeCtrl', ['$scope', '$http', 'DTOptionsBuilder', 'DTColumnBuilder',
function ($scope, $http, DTOptionsBuilder, DTColumnBuilder) {
$scope.dtColumns = [
DTColumnBuilder.newColumn("EmployeeName", "EmployeeName"),
DTColumnBuilder.newColumn("Department", "Department"),
DTColumnBuilder.newColumn("DateofBirth", "DateofBirth"),
DTColumnBuilder.newColumn("Designation", "Designation"),
DTColumnBuilder.newColumn("ReportingManager", "Reporting Manager")
]
$scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', {
url: "/Datatable/GetAlldata",
type: "GET"
})
.withPaginationType('full_numbers')
.withDisplayLength(10).withButtons([
'columnsToggle',
'colvis',
'copy',
'print',
'excel',
{
text: 'Some button',
key: '1',
action: function (e, dt, node, config) {
alert('Button activated');
}
}
]);
}]);


Что я уже пробовал:

привет, ребята, я использовал angular datatable, я завершил все, но получаю некоторую ошибку, которая показана на изображении ниже .как исправить эту ошибку:

Error:
 
[$injector:modulerr] Failed to instantiate module MyApp due to:
Error: [$injector:modulerr] Failed to instantiate module datatables due to:

Konstantin A. Magg

Привет, это полное сообщение журнала, которое вы опубликовали? Читается мне так, как будто сообщение об ошибке от углового инжектора было вырезано в конце.

1 Ответов

Рейтинг:
6

swapnil patil

Вы можете использовать существующую службу $http для вызова ajax, который вы сделали в приведенном выше коде, и внести соответствующие изменения.