javascript - Paginate almost anything with angular js, Failed to instantiate module error -
i trying add angular js application pagination angular js module covered in link (http://www.michaelbromley.co.uk/blog/108/paginate-almost-anything-in-angularjs), connected how paging in angularjs?.
following steps have included module's javascript file index.html , added module's dependency module's declaration. new angularjs , sure must missing basic. error is:
uncaught error: [$injector:modulerr] failed instantiate module myapp due to: error: [ng:areq] argument 'fn' not function, got string http://errors.angularjs.org/1.2.9/ng/areq?p0=fn&p1=not%20a%20function%2c%20got%20string @ http://127.0.0.1/sessions-angularjs-... html (index.html)
<!doctype html> <html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <title>my angularjs app</title> <link rel="stylesheet" href="css/app.css"/> <link rel="stylesheet" href="css/taskman.css"/> <script src="lib/angular/angular.js"></script> <script src="js/app.js"></script> <script src="lib/angular/angular-route.js"></script> <script src="lib/angular/dirpagination.js"></script> <script src="js/directives/logindrc.js"></script> <script src="js/services/loginservice.js"></script> <script src="js/controllers/pricectrl.js"></script> <script src="js/services/sessionservice.js"></script> <script src="js/controllers/loginctrl.js"></script> <script src="js/controllers/homectrl.js"></script> <script src="js/controllers/campctrl.js"></script> <script src="js/controllers/quizctrl.js"></script> <script src="js/controllers/voucherctrl.js"></script> <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> </head> <body> <div class="navbar navbar-default" id="navbar"> <div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="/">campaigning framework</a> </div> <ul class="nav navbar-nav navbar-right" ng-controller="homectrl"> <li><a href="#"><i class="fa fa-home"></i> home</a></li> <li><a href="#voucher"><i class="fa fa-comment"></i> vouchers</a></li> <li><a href="#campaign"><i class="fa fa-shield"></i> campaign</a></li> <li><a href="#quiz"><i class="fa fa-shield"></i> quiz</a></li> <li><a href="#price"><i class="fa fa-shield"></i> prize</a></li> <li><a href="" ng-click="logout()"><i class="fa fa-comment"></i> logout</a></li> </ul> </div> </div> <div ng-view> </div> <!-- in production use: <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> --> </body> </html> javascript (app.js)
'use strict'; // declare app level module depends on filters, , services var app= angular.module('myapp', ['ngroute'], ['angularutils.directives.dirpagination']); //var app= angular.module('myapp', ['ngroute'], ['angularutils.directives.dirpagination']); app.config(['$routeprovider', function($routeprovider) { $routeprovider.when('/login', {templateurl: 'partials/login.html', controller: 'loginctrl'}); $routeprovider.when('/voucher', {templateurl: 'partials/voucher.html', controller: 'voucherctrl'}); $routeprovider.when('/home', {templateurl: 'partials/home.html', controller: 'homectrl'}); $routeprovider.when('/campaign', {templateurl: 'partials/campaign.html', controller: 'campctrl'}); $routeprovider.when('/quiz', {templateurl: 'partials/quiz.html', controller: 'quizctrl'}); $routeprovider.when('/price', {templateurl: 'partials/price.html', controller: 'pricectrl'}); $routeprovider.otherwise({redirectto: '/login'}); }]); app.filter('range', function() { return function(input, total) { total = parseint(total); (var i=1 ; i<=total; i++) if(i %10 == 0){ input.push(i); } return input; }; }); app.run(function($rootscope, $location, loginservice){ var routespermission=['/home', '/campaign', '/quiz', '/price', '/voucher']; //route require login $rootscope.$on('$routechangestart', function(){ if( routespermission.indexof($location.path()) !=-1) { var connected=loginservice.islogged(); connected.then(function(msg){ if(!msg.data) $location.path('/login'); }); } }); });
the problem module declaration, dependencies needed passed in 1 array , not in 2 did.
var app= angular.module('myapp', ['ngroute'], ['angularutils.directives.dirpagination']); should be:
var app= angular.module('myapp', ['ngroute', 'angularutils.directives.dirpagination']); answered michael bromley in http://www.michaelbromley.co.uk/blog/108/paginate-almost-anything-in-angularjs#comment-2122947706
Comments
Post a Comment