UI-Router - Bereich nicht zerstört Zustand zu ändern?

Ich bin ein neuer Benutzer, AngularJS und ui-router, und ich bin versucht zu drehen, mein Kopf herum wie der Umfang verwaltet wird. Ich hatte erwartet, des Geltungsbereichs einer active-controller zerstört werden würde, wenn es inaktiv wird, auf Zustand zu ändern, jedoch, es scheint nicht der Fall zu sein.

Habe ich geändert am Beispiel von UI-Router ist die Webseite um die situation zu illustrieren (siehe plunker unten). Jedes mal, wenn der Staat route1.Liste/route2.Liste ausgelöst wird, die Sie emittieren, ein Ereignis auf den $rootScope. Nach Erhalt den Fall, eine debug-Anweisung wird gedruckt auf Konsole.

Durch Umschalten zwischen den beiden Staaten ein paar mal, es wird beobachtet, dass der Controller initialisiert zuvor reagierte der Veranstaltung. So erscheint es, dass die Bereiche, die von Ihnen erstellt wurden, wurden nie zerstört. Ist dieses Verhalten zu erwarten? Wenn ja, was soll ich tun, so dass nur aktive Controller wird auf ein Ereignis reagiert?

Plunker

Debug-Meldung gedruckt, die auf der Konsole:
UI-Router - Bereich nicht zerstört Zustand zu ändern?

Code:

var myapp = angular.module('myapp', ["ui.router"])
myapp.config(function($stateProvider, $urlRouterProvider){

//For any unmatched url, send to /route1
$urlRouterProvider.otherwise("/route1")

hier ist die route1

$stateProvider
  .state('route1', {
      url: "/route1",
      templateUrl: "route1.html"
  })
    .state('route1.list', {
        url: "/list",
        templateUrl: "route1.list.html",
        controller: function($rootScope, $scope){
          $rootScope.$emit("eventCT1");
          $rootScope.$on("eventCT2", fn);
          function fn () {
            console.log("Controller 1 receives an event emitted by Controller 2");
          }
          $scope.items = ["A", "List", "Of", "Items"];
        }
    })

und hier ist die route 2

  .state('route2', {
      url: "/route2",
      templateUrl: "route2.html"
  })
    .state('route2.list', {
        url: "/list",
        templateUrl: "route2.list.html",
        controller: function($rootScope, $scope){
          $rootScope.$emit("eventCT2");
          $rootScope.$on("eventCT1", fn);
          function fn () {
            console.log("Controller 2 receives an event emitted by Controller 1");
          }
          $scope.things = ["A", "Set", "Of", "Things"];
        }
    })
 ...
InformationsquelleAutor CLDev | 2015-11-28
  1. 5

    Wenn wir wollen, etwas zu tun mit

    1) $rootScope im inneren des Controllers (die hat eine sehr begrenzte Lebensdauer),

    2) müssen wir zerstören, die, wenn controller (seine $scope in der Tat) zerstört wird

    So, das ist die Art und Weise, wie Haken und Haken

    //get remove function
var removeMe = $rootScope.$on("eventCT2", ...);

//call that function
$scope.$on("$destroy", removeMe)

    Aber im obigen Fall, sollten wir nicht sogar versuchen,

    1) erstellen Sie einige controller-Aktion für ein Staat...

    2) und erwarten, dass es aufgerufen wird, in einem anderen controller von verschiedenen staatlichen

    Diese werden nie zusammen Leben

    • Vielen Dank für Ihre Hilfe. Es gibt eine Sache, ich verstehe nicht ganz, obwohl - wenn der Vorherige regler zerstört wird, auf Zustand zu ändern, sollte nicht die listener registriert mit $rootScope.$auf(name, listener) geworden undefined? Warum würde es immer noch ausgelöst werden und es ist kein Fehler geworfen?
    • Das ist "closure". Das gesamte Objekt, repräsentiert controller (und alle, die nicht Referenz) ist im Speicher gehalten... in der Lage sein zu dienen, als Zuhörer. Das ist die beste Weg,, wie man erstellen Sie Speicher-Lecks. Ich schlage vor, Lesen Sie über die Verschlüsse, und der meist jedoch NICHT verwenden Sie die $rootScope ohne Registrierung auf controller-Ebene. Hoffe, es hilft ein bisschen. Genießen UI-Router und eckig und Sie können evne akzeptieren, wenn die Antwort, die Ihnen geholfen...
    • Argh.. verstanden! Danke, Antwort akzeptiert.
    • Ich sehe nicht, warum dies ist die akzeptierte Antwort. Ich habe das gleiche problem und Sie können nicht zerstören nennen, weil zu zerstören, wird nie aufgerufen, den Zustand zu ändern.
    • Zustand zu ändern und den Geltungsbereich zu zerstören, sind nicht verwandt... daher ist es nicht verwunderlich, dass zu zerstören, wird nie aufgerufen, den Zustand zu ändern. Es wird aufgerufen, wenn sich der Zustand anzeigen, wird aus dem scope, aber was ist dein problem? Hast du mehr details? jede Frage hier?
    • aber weißt du was... ich denke, dass Ihr Problem mit VIEW-caching! Überprüfen Sie dies, um weitere Informationen zu erhalten stackoverflow.com/q/31073765/1679310. Auch, es ist ein Beispiel dafür, wie das zerstören heisst EIGENTLICH stackoverflow.com/a/28579793/1679310
    • href="http://stackoverflow.com/questions/35076821/broadcast-to-current-scope" title=" - Sendung zu aktuellen scope">stackoverflow.com/questions/35076821/broadcast-to-current-scope

    InformationsquelleAutor Radim Köhler
  2. -1

    Wenn Sie mit Ionischen winklig, könnten Sie die life-cycle-events etwa so:

    $scope.$on("$ionicView.beforeEnter", function(){
   //Do something every time this controller is the active scope.
})

    Könnten Sie spielen, um mit den anderen Veranstaltungen in den oben genannten link als gut. Und es ist wahrscheinlich die beste Praxis zur Minimierung der Verwendung von $emit, das führt zu mehr vorhersehbar code und weniger Staat Mutationen.

    • Vielen Dank für Ihre Hilfe. Leider ist mein Projekt ist nicht mit Ionic framework, und ich denke es wird werden. So habe ich wahrscheinlich zu erkunden andere Optionen.
    InformationsquelleAutor Lakmal Caldera
Schreibe einen Kommentar