Isn't Inline Array Annotation DI compatible with $routeProvider in AngularJS?

Question

My codes looks like this

angular
.module('main', ['ngRoute'])
.config(['$routeProvider',
    ($routeProvider) ->
    $routeProvider
    .when '/',
      templateUrl: 'homePage/homePage.html'
      controller: 'MainCtrl'
])

angular.module('main').controller('MainCtrl',
 ['$scope' , ($scope) ->
    $scope.test = {}])

The browser will compain Error: [ng:areq] Argument 'MainCtrl' is not a function, got Object.

But if I don't use the inline array dependency injection in MainCtrl and rewrite it like this:

angular.module('main').controller('MainCtrl',
 ($scope) ->
    $scope.test = {})

Then everything works well. Does anyone have ideas about this? Thanks!

PSL · Accepted Answer · 2015-01-20 03:03:19Z

2

As the error message is very clear on the fact that issue is not with $routeProvider, You may want to restructure them. Also note that config block must have a function.

First create the module, then register the controller and config:

angular
.module('main', ['ngRoute']);

and then use it or chain through, i.e

angular.module("main", ["ngRoute"]).controller("MainCtrl", [
  "$scope"
  ($scope) ->
    return $scope.test = {}
]).config [
  "$routeProvider"
  ($routeProvider) -> //Check this
    return $routeProvider.when("/",
      templateUrl: "homePage/homePage.html"
      controller: "MainCtrl"
    )
]

otherwise with the order of the script you have you are trying to create a controller on the app main before even it exists.

Also note that you need to include angular-router script as well.

Demo

edited Jan 20, 2015 at 3:03

answered Jan 20, 2015 at 2:48

PSL

124k21 gold badges257 silver badges243 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hanfei Sun Over a year ago

Thanks, the error is that I place the right bracket in the wrong place (wrap another controller in the callback).. which can not be found in my test code above..

PSL Over a year ago

Yeah i do not use coffeescript, i had to use coffee2js to see that . :)

Collectives™ on Stack Overflow

Isn't Inline Array Annotation DI compatible with $routeProvider in AngularJS?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related