Исправить состояние гонки с независимым контроллером AngularJS

Question

В моем угловом приложении у меня есть основной вид, который изменяется в соответствии с маршрутом, а затем боковая панель, которая отображается независимо от того, что. Мой HTML выглядит следующим образом:

<div id="container"> 
    <div id="sidebar" ng-controller="SidebarCtrl">(sidebar code)</div> 
    <div ng-view id="content">Loading...</div> 
</div> 

И Javascript загружается в следующем порядке:

1. Vendor.js (угловой, и т.д.)
2. App.js (мое приложение)

SidebarCtrl определяется в App.js. Однако, когда угловые нагрузки видят директиву ng-controller и пытаются назначить ее на боковую панель с места в карьер, что приводит к ошибке кэша кеша app.js, «аргумент SidebarCtrl не является функцией». Я имел в виду иметь боковую панель в виде отдельного файла и загрузки его перед Vendor.js, но на боковой панели зависит от некоторых услуг, определенных в App.js (а именно, мой пользовательский сервис аутентификации):

MyApp.controller('SidebarCtrl', 
['$scope', '$location', 'auth', function($scope, $location, auth) { 
    (...) 
}]) 

Так как Я не в порядке.

Я уверен, что есть лучший способ настроить это ... любые идеи? Могу ли я определить SidebarCtrl как простую функцию, но все же имею доступ к услуге auth?

Благодаря

Answer 1

Вы можете динамически добавить атрибут ng-controller к sidebar, когда ваши приложения нагрузки:

var $self = angular.element('.sidebar'); 
$self.attr('ng-controller', window.USER_LOGGED_IN ? 'sidebarCtrl' : 'noUserCtrl'); 
angular.bootstrap(angular.element('body')); 

Этот метод полезен, когда контроллер будет использоваться, зависит от состояния приложения. В вашем случае angular.bootstrap должен сделать трюк.

Source