angularjs, стиль кодирования, использование глобальной переменной

Question

Я вижу много таких угловых кодов. Следующий учебник.

angular.module('phonecat', ['phonecatFilters', 'phonecatServices']). 
    config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). 
     when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}). 
     otherwise({redirectTo: '/phones'}); 
}]); 

Однако, я больше знаком с этим;

var app = angular.module('phonecat', ['phonecatFilters', 'phonecatServices']); 
app.config(function($routeProvider) { 
    $routeProvider. 
     when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). 
     when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}). 
     otherwise({redirectTo: '/phones'}); 
}]); 

я даже хочу, чтобы определить, что function($routeProvider) { ...} в качестве переменной, но я не уверен в том, что будет работать.

Есть ли причина этого избежать глобальной переменной, в данном случае app.

Или это только одна из лучших практик в сообществе AngularJs?

Answer 1

angular.module (..) возвращает модуль, и вы можете;

1. присвоить переменное приложение (которое является глобальной переменной).
2. или продолжить сцепление это

Вы видели много прикованных примеров, потому что это в одном файле.

Вы также увидите множество примеров с использованием глобальной переменной «приложение» или что-то еще, потому что коды должны быть организованы во многие файлы.

Я рекомендую первый вариант, если вы делаете пример с одним файлом.
Я рекомендую второй, если вы делаете фактическое приложение, для которого требуется расстояние между именами.

Answer 2

Пространство имен хорошее. Лучший PRACTIVE использует angular.value вместо глобальных переменных

app.value('myVariable', 'myValue') 
    .controller('myController', function($scope, myVariable) { 
     ... 
    });