Wie teile ich $scope-Daten zwischen Staaten in AngularJS ohne Dienste oder Beobachter?

$scope-Daten zwischen Staaten in AngularJS teilen

Frage:

Wie kann $scope Daten vom übergeordneten Controller für untergeordnete Zustände in AngularJS zugänglich sein, ohne Dienste oder Beobachter des übergeordneten Controllers zu verwenden?

Antwort:

Grundlegendes zur Bereichsvererbung

In AngularJS erben Bereichseigenschaften entlang der Zustandskette, wenn die Zustandsansichten verschachtelt sind. Definieren Sie daher die Zustandsansichten wie folgt:

.state("main", {
      controller:'mainController',
      url:"/main",
      templateUrl: "main_init.html"
  })  
  .state("main.1", {
      controller:'mainController',
      parent: 'main',
      url:"/1",
      templateUrl: 'form_1.html'
  })  
  .state("main.2", {
      controller:'mainController',
      parent: 'main',
      url: "/2",
      templateUrl: 'form_2.html'
  })  

Initialisierung der Daten im übergeordneten Controller

Instanziieren Sie die Daten im übergeordneten Controller als Objekt mit Eigenschaften. wie zum Beispiel:

controller('mainController', function ($scope) {
  $scope.Model = $scope.Model || {Name : "xxx"};
})

Verwendung der Punktnotation im ng-Modell

Stellen Sie die prototypische Vererbung sicher, indem Sie die Punktnotation im ng-Modell verwenden, z. B.:

<input type="text" ng-model="Model.Name">

Beispiel:

Sehen Sie sich ein funktionierendes Beispiel in diesem Plunker an: https://plnkr.co/edit/jmEb62e96kHlXPjLGBb9?p=preview

Das obige ist der detaillierte Inhalt vonWie teile ich $scope-Daten zwischen Staaten in AngularJS ohne Dienste oder Beobachter?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!