AngularJS Ошибка: [$ Инжектор: modulerr]

Я следующий угловой код, который находится в моем /public/javascripts директории в моем проекте узла:

var app = angular.module('userContent', ['angularUtils.directives.dirPagination']); 

app.controller('MainCtrl', [ 
'$scope', 
    function($scope){ 
    $scope.users = [] 

    $scope.addUser = function(){ 

     if(!$scope.user || $scope.user === '') { return; } 
     $scope.users.push({ 
     user: $scope.user, 
     vertrag: $scope.vertrag, 
     }); 

    $scope.user = ''; 
    $scope.vertrag = ''; 
    }; 
    } 
]);

Это мой HTML шаблон, который находится в моем /views директории в моем проекте узла

<html> 

    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script> 
    <script src="/javascripts/app.js"></script> 
    </head> 

    <body ng-app="userContent" ng-controller="MainCtrl"> 

    <input ng-model="search"> 

    <table border="1"> 

     <th>user</th> 
     <th>vertrag</th> 

     <tr dir-paginate="u in users | filter:search | itemsPerPage: 4"> 
     <td>{{ u.user }}</td> 
     <td>{{ u.vertrag }}</td> 
     </tr> 

    </table> 

    <dir-pagination-controls></dir-pagination-controls> 

    <form ng-submit="addUser()"> 

     <input type="text" 
     placeholder="Benutzer" 
     ng-model="user"> 
     </input> <br> 

     <input type="text" 
     placeholder="Vertrag" 
     ng-model="vertrag"> 
     </input> <br> 

     <button type="submit">Submit</button> 

    </form> 

    </body> 

</html>

Я установил following plugin с дачей, которую я хочу использовать. Но я всегда получаю эту ошибку:

Error: [$injector:modulerr]

Путь к моим файлам:

/home/ubuntu/project/views/index.ejs 
/home/ubuntu/project/public/javascripts/app.js 
/home/ubuntu/project/bower_components/angular-utils-pagination 
/home/ubuntu/project/bower_components/angular-utils-pagination/dirPagination.js 
/home/ubuntu/project/bower_components/angular-utils-pagination/dirPagination.tpl.html 
/home/ubuntu/project/bower_components/angular-utils-pagination/bower.json

источник

2015-03-11 ZedsWhatSheSaid

Я думаю, что вы забыли добавить файл разбивки на страницы javascript-файла –

Можете ли вы на самом деле перечислить пути важных файлов? Можете ли вы показать содержимое файла dirPagination? –

@PeterAshwell Я отредактировал мой вопрос – ZedsWhatSheSaid

Установка с дачей не означает, что вы готовы пойти, он просто загружает содержимое.

Вы получаете эту ошибку, когда Угловое приложение не может найти данный модуль, в вашем случае angularUtils.directives.dirPagination.

Вы должны добавить js, который определяет модуль angularUtils.directives.dirPagination перед вашим app.js в вашем html.

источник

2015-03-11 11:54:47

Вы получите эту ошибку, если не включили файлы на своей странице. Вы забыли включить файл для dirPagination в html, поэтому он недоступен в приложении и дает ошибку модуля.

источник

2015-03-11 11:55:18

Cem Özer прав насчет следующего шага (однако, неясно, было ли это), однако при использовании bower install [name] обязательно добавьте --save в конец, иначе он не сохранит изменения. Если вы построите без него, скорее всего, отбросить пакет.

Пример:

bower install angular-utils-pagination --save --save работает с НПМ, а также к моему знанию

После того как вы сделали это, то вы хотите добавить файл JS и TPL файл в файл app.js (если следовать передовым методам). Если у вас есть ссылки на эти файлы, которые вы можете добавить angularUtils.directives.dirPagination

Пример:

angular.module('myApp', ['angularUtils.directives.dirPagination']);

Для получения информации о том, что делать дальше делать для того, как использовать этот отличный инструмент проверить хранилище GitHub here.

Если у вас есть дополнительные вопросы относительно этого, не стесняйтесь оставлять комментарии, и я добавлю больше подробностей к моему ответу за вас.

источник

2016-08-23 20:41:43 L1ghtk3ira

ответ

Смежные вопросы