AngularJS OneTime Binding mit ng-repeat lässt mich nicht Bereich

Question

aktualisieren

Ich habe eine Liste, die ich ng-repeat und einmalige Bindung verwenden, da es keine Notwendigkeit für mich zu aktualisieren, sobald ich die Daten habe.

Ich hatte gehofft, dass ich einmalige Bindung verwenden und einen Digest erzwingen konnte, aber ich bekomme den allgemeinen Fehler, dass ein $digest is already being processed oder was auch immer es ist.

sieht Ihr Code wie folgt

$scope.$on(IonicEvents.beforeEnter, function() { 
     Locations.getAllLocations() 
      .then(function(allLocations) { 
       $scope.model.locations = allLocations; 
       //I have tried $scope.$digest().. 
       //also $scope.$apply()... 

      }, function(error) { 
       $log.error('Error retrieving locations'); 
      }) 
    }); 

Mein ng-repeat in meiner Vorlage wie folgt aussieht:

<ion-item class="item" ng-repeat="location in ::model.locations"> 
     <div class="row"> 
      <div class="col"> 
       <p>{{::location.name}}</p> 
      </div> 
     </div> 
    </ion-item> 

Irgendwelche Ideen oder bin ich völlig off-track?

Answer 1

Ich denke Zuerst überprüfen kann if (! $ Rahmen. $$ Phase) dann proccess gelten

$scope.$on(IonicEvents.beforeEnter, function() { 
if(!$scope.$$phase) { 
    Locations.getAllLocations() 
     .then(function(allLocations) { 
      $scope.model.locations = allLocations; 
      //I have tried $scope.$digest().. 
      //also $scope.$apply()... 

     }, function(error) { 
      $log.error('Error retrieving locations'); 
     }) 
    } 
}); 

Answer 2

Ja, ich glaube, Sie sind Off-Track.

Meine Idee für Ihre spezielle Situation würde ein Klon-Objekt (ohne Bezug auf das Hauptobjekt), wenn sie von Locations.getAllLocations() mit

$scope.clonedLocationObj = angular.copy($scope.model.locations); 

und machen dieses Objekt zu Ihrer Ansicht abgerufen werden unter Verwendung, so dass sie gewonnen Triff dein Hauptobjekt nicht.

In Bezug auf die einseitige Bindung lässt Angular das erneut gebundene Modell nicht erneut ändern, da, wenn wir einen Wert wie {{:: foo}} innerhalb des DOM deklarieren, dieser foo Wert einmal wird Definiert, Angular rendert es, löst es von den Beobachtern und reduziert somit das Volumen der Bindungen innerhalb der $ Digest-Schleife. Einfach! angular one time binding syntax article

Ich hoffe, es hilft.