How to use angularjs config block?

Question

I am new to angularJS and trying to learn it. I came across config function where I see two different arguments as in below example.

Example 1

dashboardApp.config(function($stateProvider, $urlRouterProvider) {
//$urlRouterProvider.when('', '/add');
$stateProvider.state('add', 
                 { 
                     url:'/add?month&year', 
                     templateUrl: 'partial/add.html', 
                     controller: 'AddListController' 
                 })
});

Example 2

gm.config(['$routeProvider', 'Path', function($routeProvider, Path) {
$routeProvider.when('/login', { 
    templateUrl: Path.view('application/authentication/login.html'), 
    controller: 'authController' 
});
}]);

In the first example, config has a function parameter. And in second example config has array parameter.

Can someone please explain to me what is the difference between these two approaches and when to use which?

Dependency annotation: https://docs.angularjs.org/guide/di#dependency-annotation — Matthew Green, Apr 27 '16 at 20:43
Possible duplicate of [AngularJS DI annotations - why use them?](http://stackoverflow.com/questions/24526880/angularjs-di-annotations-why-use-them) — Matthew Green, Apr 27 '16 at 20:46
I don't think it's a duplicate, as the poster didn't know what the syntax was, so he/she didn't get as far as asking why to do it. — Amy Blankenship, Apr 27 '16 at 20:47

score 0 · Answer 1 · answered Apr 27 '16 at 20:45

There are two differences here. The first example is providing configuration for Angular UI Router, whereas the second is using ngRoute.

The difference in syntax that you noted is the difference between having code that will not withstand minification (first example) and code that will withstand minification.

score 0 · Answer 2 · answered Apr 27 '16 at 20:48

0

+1 to the previous answer pointing out $stateProvider is angular ui-router syntax. I would also point out that declaring $routeProvider has different syntax than other angular items like services and controllers.

answered Apr 27 '16 at 20:48

Kraken

5,043
3
25
46

score 0 · Answer 3 · answered Jul 06 '18 at 11:48

0

You should use ui-route provider as it is better than ngRoute, ui-router allows you to code your templates in a nested form

answered Jul 06 '18 at 11:48

Anurag Hasoriya

1

How to use angularjs config block?

3 Answers3