Wie kann ich Variablen effektiv zwischen AngularJS-Controllern übergeben?

Variablen zwischen AngularJS-Controllern übergeben

Variablen zwischen AngularJS-Controllern übergeben ist eine häufige Aufgabe in der Anwendungsentwicklung. Ein Ansatz besteht darin, einen Dienst zu erstellen, um Variablen zwischen Controllern zu teilen.

Erstellen eines gemeinsam genutzten Dienstes

angular.module('myApp', [])
    .service('sharedProperties', function () {
        var property = 'First';

        return {
            getProperty: function () {
                return property;
            },
            setProperty: function(value) {
                property = value;
            }
        };
    });

Verwenden des Dienstes

Fügen Sie in Controllern das Gemeinsame ein Service:

function Ctrl2($scope, sharedProperties) {
    $scope.prop2 = "Second";
    $scope.both = sharedProperties.getProperty() + $scope.prop2;
}

Überlegungen

Damit Bindungen über mehrere Controller hinweg funktionieren, ist es vorzuziehen, an die Eigenschaft eines Objekts zu binden und nicht an einen primitiven Typ.

// Avoid using primitive types
var property = 'First';

// Use objects
var property = { Property1: 'First' };

Beispiel

Siehe [dies fiddle](https://jsfiddle.net/philipjohnson/34qhw/) für ein Beispiel, das Folgendes demonstriert:

• Bindung an statische Kopien gemeinsamer Werte

• Bindung an geteilte Werte Werte, die die Benutzeroberfläche aktualisieren, wenn sich Werte ändern

  • Bindung an a Funktion
  • Bindung an die Eigenschaft eines Objekts
  • Zwei-Wege-Bindung an die Eigenschaft eines Objekts

Das obige ist der detaillierte Inhalt vonWie kann ich Variablen effektiv zwischen AngularJS-Controllern übergeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!