Der beste Weg, Variablen zwischen Steuerungen passieren

Question

Ich bin mit drei Angular-Controller:

**Controller1** 

var fetchStudentDetails = function(){ 
    var sDetails = myService.getList(//url-1 here); 
    sDetails.then(function (data) { 
      $scope.studentData = data.list; 
      var studentId = $scope.studentData[0].id; 
    }); 
} 
fetchStudentDetails(); 
$scope.loadSecondLevel = function(){ 
       $state.go('secondLevel');    
       } 


**Controller2** 

    var fetchClassDetails = function(){ 
    var sDetails = myService.getList(//url-2 here); 
    sDetails.then(function (data) { 
      $scope.classData = data.list; 
      var className = $scope.classData[0].name; 
    }); 
    } 
    fetchClassDetails(); 
    $scope.loadThirdLevel = function(){ 
     $state.go('thirdLevel');     
    } 

**Controller3** 

    $scope.putStudentDetails = function(){ 
    // Here I need studentId,className for updateResource 
     var sDetails = myService.updateResource(//url-3 here); 
     sDetails.then(function (data) { 

     });  
    } 

Wo ich StudentID (in Controller1), classname (in Controller2) in eine Funktion, die in Controller3 passieren. Ich habe versucht mit $ rootScope, es funktioniert, aber beim Aktualisieren der Seite $ rootScope Werte werden leer. Weiß jemand, wie man das macht?

Answer 1

Je nachdem, welches Problem Sie lösen. Es gibt drei Optionen:

1. ist, Daten zu $rootScope
2. Ist zu speichern $scope.$emit & $scope.$on Funktionen zu nutzen.
3. einen benutzerdefinierten Dienst Verwenden Sie die Daten

Und wenn Sie Daten müssen gespeichert speichern, so war es nach der vollständigen Seite neu laden verfügbar - localStorage.

Answer 2

Hey diese Frage in Passing data between controllers in Angular JS? reagiert

Aber die einfache Antwort ist in den Dienstleistungen.

Answer 3

Ihre Frage könnte in zwei Aspekte unterteilt werden:

1. Wie Daten zwischen den Controllern teilen
Die beste Vorgehensweise Daten in Angular 1.x zu teilen factory verwendet, speichern Sie die gemeinsam genutzten Daten in einem Fabrik-Service und Zugriffsmethoden an Steuerungen aussetzen:

factory('DetailData', function(myService, $q){ 

    var _details; 

    function __getDetailData(){ 
      return details 
    } 

    function __setDetailData(){ 
      return myService.getList().then(function(data){ 
       _details = data; 
      }) 
    } 

    return { 
     getDetailData: __getDetailData, 
     setDetailData: __setDetailData 
    } 

}) 


controller('myContrller', function(DetailData, $scope){ 
    $scope.data = DetailData.getDetailData(); 
}) 

2. Wie Daten bestehen bleiben, wenn die Seite aktualisiert,
können Sie localStorage verwenden, um Daten während Seite Nachladen persistent zu halten, können viele Tools & Bibliotheken dies zu erreichen, zum Beispiel ngStorage, oder die Daten vom Server jedes Mal Ihre Winkel Anwendung gestartet zurücksetzen konnte:

//this would register work which would be performed 
//when app finish loading and ready to start. 
angular.module('app').run(function(DetailData){ 

    DetailData.setDetailData(); 

})