Использование globals в angularjs

Question

Я пытаюсь использовать глобальные переменные из одного файла в другом файле. У меня есть работа из исходного файла (controller.js) в html-файл, но я не могу заставить его работать с controller.js на service.js.

Я довольно новый, угловатый и пытающийся понять это.

Answer 1

Кажется, вы хотите объявить переменную в своем контроллере, чтобы ваша служба могла записывать данные в эту переменную. Вы должны думать об этом наоборот, проходя службу к контроллеру через инъекции зависимостей

app.controller('homeCtrl', function($scope, myServiceIsNowInjected){ 

}) 

, а затем вызов метода на этой службе в контроллере:

myServiceIsNowInjected.getDataFromServer('my param'); 

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

myServiceIsNowInjected.getDataFromServer('my param').then(function(data){ 
    $scope.viewvar = data;  
}, function(err){ console.log(err) }); 

Таким образом, вместо того, проходя глобальную переменную в службу для обслуживания, чтобы записать данные в этой переменной, а вы попросите службу для выполнения какой-либо задачи , и контроллер должен записать результат этой задачи в область $ scope, сделав ее доступной для представления.

Полный пример такого использования можно получить, как указано here.

$rootScope должен не использоваться для такого рода вещи - это вызовет у вас проблемы, как растет ваше приложение, в то время как с использованием модульных контроллеров, которые тянут информацию от услуг не будут.

Answer 2

Один из вариантов - использовать $ rootScope.

В контроллере можно определить:

$rootScope.variable = 'your value'; 

А потом, в службе или другого контроллера вы используете его:

Console.log($rootScope.variable); 

Помните впрыскивать $ rootScope (как вы делаете с $ рамки) в определении контроллеров/сервисов.