Как включить глобальные переменные в приложение angularjs?

Question

У меня есть глобальная переменная, объявленная вне углового контекста:

var globalv = "Hello";

Эта переменная не изменяется. У меня есть директива, которая хочет использовать его ...

$scope.somevar = globalv + "_"; 

Что это самый простой способ, чтобы включить globalv в моем angularjs приложение/контекста? Когда я попытаюсь ссылаться на это выше, я получаю сообщение об ошибке.

Answer 1

Я хотел бы рассмотреть оберточное значение в угловом константе, которая позволит вам вводить его только там, где ее нужно

var myApp = angular.module('myApplication',[]); 
myApp.constant('myConstant', globalv); 

Просто убедитесь, что переменная globalv определяются, прежде чем ваш угловой модуль определен.

Мне нравится это лучше, чем использование корневой/глобальной переменной, так как вы можете контролировать, кто является потребителем этой ценности.

Вы можете вводить константу следующим образом:

mayApp.directive('myDirective',['myConstant', 
     function (myConstant) { 
      return { 
       .. 
     }; 
}]); 

Answer 2

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

/* declare rootscope variables when the angular app starts*/ 
angular.module('someApp').run(function ($rootScope) { 
    $rootscope.globalv = "Hello"; 
}); 

Затем вы можете ссылаться на эту переменную корень в любом месте своего углового приложения.

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