Failed to create Angular controller. New router

Question

I am using the new Angular router for 1.4, and this causes an error while executing a simple controller for the component:

angular.module('app.campaigns',['security', 'ngNewRouter']) .controller('CampaignsController', ['authService', '$rootScope', CampaignsController]); function CampaignsController (authService, $rootScope) { console.log ('this is campaigns controller'); this.currentUser = $rootScope.authService.currentUser; this.authService = $rootScope.authService; this.logout = authService.logout; } 

I tried without entering $ rootScope the same one. What am I doing wrong? A very similar component works like a charm, but it is not.

Answer 1

here is the last example of using a new router with angular 1.5, for 1.4 you cannot use component (), I think if you do not add it yourself, this is most likely a wrapper around the directive.

You should use angular_1_router.js built from the angular2 project instead of installing the angular -new-router package (until it is updated) in the bottom example, they use angular 1.5 and commit it so you can use components () and child routes, etc. d.

check the link for a full working example: http://plnkr.co/edit/N3YP3dKMuljpZ6mWsVBT?p=preview

app.js

 angular.module('app', ['ngComponentRouter', 'dialog', 'heroes', 'crisis-center']) .config(function($locationProvider) { $locationProvider.html5Mode(true); }) .run(function($router) { $router.config([ { path: '/...', name: 'App', component: 'app', useAsDefault: true } ]); $router.navigate(['App']); }) .component('app', { template: '<nav>\n' + ' <a ng-link="[\'CrisisCenter\']">Crisis Center</a>\n' + ' <a ng-link="[\'Heroes\']">Heroes</a>\n' + '</nav>\n' + '<ng-outlet></ng-outlet>\n', $routeConfig: [ {path: '/crisis-center/...', name: 'CrisisCenter', component: 'crisisCenter', useAsDefault: true}, {path: '/heroes/...', name: 'Heroes', component: 'heroes'}, {path: '/disaster', name: 'Asteroid', redirectTo: ['CrisisCenter', 'CrisisDetail', {id:3}]} ] });