2016-04-27 14 views
1

Ich bin neu bei angularJS und versuche es zu lernen. Ich stieß auf Config-Funktion , wo ich zwei verschiedene Argumente wie im folgenden Beispiel sehen.Wie benutze ich den angularjs config Block?

Beispiel 1

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

Beispiel 2

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

In dem ersten Beispiel hat eine Konfiguration Funktionsparameter. Und im zweiten Beispiel hat config einen Array-Parameter.

Kann mir bitte jemand erklären, was ist der Unterschied zwischen diesen beiden Ansätzen und wann wann welche verwenden?

+2

Abhängigkeit Annotation: https://docs.angularjs.org/guide/di#dependency-annotation –

+1

Mögliche Duplikat von [AngularJS DI Annotationen - warum sie verwenden?] (Http://stackoverflow.com/questions/24526880/ angularjs-di-annotations-why-use-them) –

+0

Ich glaube nicht, dass es ein Duplikat ist, da das Poster nicht wusste, was die Syntax war, also kam er/sie nicht so weit zu fragen warum . –

Antwort

0

Hier gibt es zwei Unterschiede. Im ersten Beispiel wird die Konfiguration für Angular UI Router bereitgestellt, während im zweiten Beispiel ngRoute verwendet wird.

Der Unterschied in der Syntax, die Sie notiert haben, ist der Unterschied zwischen Code, der Minification nicht widerstehen kann (erstes Beispiel) und Code, der will withstand minification.

0

+1 zu der vorherigen Antwort mit Hinweis auf $ stateProvider ist eckige ui-Router-Syntax. Ich möchte auch darauf hinweisen, dass $ routeProvider eine andere Syntax als andere eckige Elemente wie Dienste und Controller hat.