Wie deklariert man eine globale Variable mit Angular Js?

Question

Ich möchte eine Variable, die in allen Controllern verwendet werden kann, aber keinen Dienst für sie erstellen möchten. Ist es in angular js möglich?

Answer 1

Sie können constants or values verwenden.

Konstanten

var app = angular.module('myApp', []); 
app.constant('appName', 'Application Name'); 

app.controller('TestCtrl', ['appName', function TestCtrl(appName) { 
    console.log(appName); 
}]); 

Werte

var app = angular.module('myApp', []); 

app.value('usersOnline', 0); 
app.controller('TestCtrl', ['usersOnline', function TestCtrl(usersOnline) { 
    console.log(usersOnline); 
    usersOnline = 15; 
    console.log(usersOnline); 
}]); 

http://ilikekillnerds.com/2014/11/constants-values-global-variables-in-angularjs-the-right-way/

Answer 2

Sie könnten diese Variable auf $ rootScope setzen. und injizieren Sie $ rootScope in die Controller, die den globalen verwenden.

Answer 3

Verwenden value() ein Objekt, und speichern Sie Ihre globalen Variablen "als Eigenschaften zu definieren, dieses Objekt. Fügen Sie dann das Objekt als Abhängigkeit zu einem beliebigen Controller hinzu, der auf seine Eigenschaften zugreifen muss. Dies hat einen positiven Nebeneffekt, alle Ihre Variablen in ein einzelnes Objekt zu kapseln, was sauber und weniger wahrscheinlich ist, Namespace-Kollision zu erleiden.

Hier ist das Muster:

app.value('myVars', { 
    usersOnline:0 
}); 
app.controller('TestCtrl', ['myVars', function TestCtrl(myVars) { 
    console.log(myVars.usersOnline); 
    myVars.usersOnline = 15; 
    console.log(myVars.usersOnline); 
}]); 

FYI Aseem Antwort wird nicht funktionieren, weil sein Beispiel value() mit einem primitiven Typ verwendet. Um klar zu sein, was nicht funktioniert:

app.value('usersOnline', 0); 
app.controller('TestCtrl', ['usersOnline', function TestCtrl(usersOnline) { 
    console.log(usersOnline); 
    usersOnline = 15; // <-- THIS WILL NOT PERSIST outside the controller. 
    console.log(usersOnline); 
}]);