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: docs.angularjs.org/guide/di#dependency-annotation — Matthew Green
– Matthew Green, Commented Apr 27, 2016 at 20:43
Possible duplicate of AngularJS DI annotations - why use them? — Matthew Green
– Matthew Green, Commented Apr 27, 2016 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
– Amy Blankenship, Commented Apr 27, 2016 at 20:47

Amy Blankenship · Accepted Answer · 2016-04-27 20:45:07Z

0

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.

answered Apr 27, 2016 at 20:45

Amy Blankenship

7,0613 gold badges27 silver badges51 bronze badges

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

Comments

Kraken · Accepted Answer · 2016-04-27 20:48:48Z

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, 2016 at 20:48

Kraken

5,9603 gold badges31 silver badges52 bronze badges

Comments

Anurag Hasoriya · Accepted Answer · 2018-07-06 11:48:20Z

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 6, 2018 at 11:48

Anurag Hasoriya

1

Collectives™ on Stack Overflow

How to use angularjs config block?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related