AngularJs: pass $scope-variable mit service

Ich habe zwei Controller und bei einem von Ihnen habe ich erklärt, ein $scope-variable, die ich möchte sichtbar in den zweiten controller.

Ersten controller

app.controller('Ctrl1', function ($scope) {
    $scope.variable1 = "One";
});

Zweiten Controller

app.controller('Ctrl2', function ($scope, share) {
   console.log("shared variable " + share.getVariable());
});

Recherchierte ich den besten Winkel-Ansatz, und ich fand, dass die Verwendung von service. Also habe ich ein service für Ctrl1

Service

.service('share', function ($scope) {
    return {
        getVariable: function () {
            return $scope.variable1;
        }
    };
});

Dieser code gibt diesen Fehler:

Unknown provider: $scopeProvider <- $scope <- share

Also meine Frage ist: ist es möglich Teile $scope variable zwischen den Controllern? Ist nicht der beste Winkel-Lösung oder bin ich etwas fehlt?

Sorry für meine triviale Frage, aber ich bin eine Eckige Anfänger.

Vielen Dank im Voraus

Hinsichtlich

InformationsquelleAutor Giordano | 2016-02-15

Können Sie injizieren $scope Abhängigkeit im service-factory-Funktion.

Grundsätzlich teilbar service aufrecht erhalten sollten, gemeinsam nutzbare Daten in einem Objekt.

Service

.service('share', function () {
    var self = this;
    //private shared variable
    var sharedVariables = { };
    self.getSharedVariables = getSharedVariables;
    self.setVariable = setVariable;

    //function declarations
    function getSharedVariables() {
        return sharedVariables;
    }
    function setVariable() {
        sharedVariables[paramName] = value;
    }
});

Controller

app.controller('Ctrl1', function ($scope, share) {
    $scope.variable1 = "One";
    share.setVariable('variable1', $scope.variable1); //setting value in service variable
});

app.controller('Ctrl2', function ($scope, share) {
    console.log("shared variable " + share.getSharedVariables());
});

InformationsquelleAutor Pankaj Parkar

Ja, es ist möglich, zu teilen, den Geltungsbereich von Variablen zwischen den Steuerungen über die Dienste und Fabrik.Aber die $scope-Variablen sind lokal auf dem controller selbst und es gibt keine Möglichkeit für den Dienst zu wissen, dass bestimmte variable.Ich ziehe mit der Fabrik, einfach und glatt wie butter. Wenn Sie mit dem service der Fabrik in eine separate Datei, die Sie brauchen, um die Datei in index.html

 app.controller('Ctrl1', function ($scope,myService,$state) {
        $scope.variable1 = "One";
        myService.set($scope.variable1);
        $state.go('app.thepagewhereyouwanttoshare');//go to the page where you want to share that variable.
    });

 app.controller('Ctrl2', function ($scope, myService) {
   console.log("shared variable " + myService.get());
});
    .factory('myService', function() {
      function set(data) {
        products = data;
      }
      function get() {
        return products;
      }

      return {
        set: set,
        get: get
      }

    })

InformationsquelleAutor Sunil Lama

Deine versuche mit service ganz gut, aber Sie sollten nicht versuchen, $Umfang, in Abhängigkeit der Injektion in den service-code. Service ist gedacht, um eine Daten-provider, um Sie dann wenn Sie möchten, zu teilen, Daten zwischen 2 Controllern, Sie sollten Platz machen für diese Daten in Ihren Dienst

.service('share', function ($scope) {
    this.variable1 = '';
    return {
        getVariable: function () {
            return this.variable1;
        }
        setVariable(variable)
        {
            this.variable1 = variable;
        }
    };
});

app.controller('Ctrl1', function (share) {
    $scope.variable1 = share.getVariable();
});

Dies ist die umfassendere Beschreibung dieser Lösung:
https://stackoverflow.com/a/21920241/4772988

InformationsquelleAutor suvroc

Beste Weg ist wirklich mit Dienstleistungen. Dienstleistungen haben nur Zugang zu $rootScope Sie nicht über Ihren eigenen $scope.

Jedoch, sollten Sie nicht verwenden Bereiche für diese Aufgabe. Nur einen Dienst mit einigen der freigegebenen variable außerhalb eines scopes.

.service('share', function ($scope) {

    var variable = 42;

    return {
        getVariable: function () {
            return variable;
        }
    };
});

app.controller('Ctrl', function ($scope, share) {
    console.log("shared variable " + share.getVariable());

    //Watch for changes in the service property
    $scope.$watch(function() { return share.getVariable(); }, function(oldValue, newValue) {
        //whatever
    });
});

InformationsquelleAutor martin

Zuerst, Ihre service sollte wie folgt sein:

app.service('share', function () {
    //this is a private variable
    var variable1;
    return {
        //this function get/sets the value of the private variable variable1
        variable1: function (newValue) {
            if(newValue) variable1 = newValue;
            return variable1;
        }
    };
});

Um den Wert der freigegebenen variable übergeben Sie den Wert für die Funktion die wir erstellt auf der service

app.controller('Ctrl1', function ($scope, share) {
    $scope.variable1 = "One";
    //share the value of $scope.variable1
    share.variable1($scope.variable1);
});

Um den Wert der freigegebenen variable die Funktion auch verwenden, in den Dienst, ohne dabei Wert

app.controller('Ctrl2', function ($scope, share) {
    console.log("shared variable " + share.variable1());
});

InformationsquelleAutor ThisIsMarkSantiago

Update: Mit $rootScope ist als eine schlechte Praxis.

Was Sie brauchen, ist die $rootScope. Die $scope ist nur für einen controller. Hier ist ein Beispiel:

angular.module('myApp', [])
.run(function($rootScope) {
    $rootScope.test = new Date();
})
.controller('myCtrl', function($scope, $rootScope) {
  $scope.change = function() {
        $scope.test = new Date();
    };

    $scope.getOrig = function() {
        return $rootScope.test;
    };
})
.controller('myCtrl2', function($scope, $rootScope) {
    $scope.change = function() {
        $scope.test = new Date();
    };

    $scope.changeRs = function() {
        $rootScope.test = new Date();
    };

    $scope.getOrig = function() {
        return $rootScope.test;
    };
});

Umweltschädliche $rootScope ist als schlechte Praxis, ähnlich wie, warum Globale Variablen wird als schlechte Praxis. Service/factory statt.
Ja, das ist wahr. Aber ich denke, dass das ist, was er verlangte. In einigen Fällen ist es nützlich, wenn
Ich denke, die OP-Frage war speziell rund um den Austausch von Daten zwischen Steuerungen über eine service.
Ich bearbeitet meine Antwort

InformationsquelleAutor Jonas Schafft

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.