2-Wege-Bindung funktioniert nicht in SetTimeout Callback in Winkel 1

Question

Ich möchte submit-Taste während des Speicherns deaktivieren und aktivieren Sie nach dem Speichern.

Es ist nicht aktiviert. Ich kann sehen, dass sich die Flagge geändert hat. Aber die Flagge auf der view wird nicht aktualisiert, wie ich mir vorstellen würde 2-Wege-Bindung sollte mir das geben.

Der Code wie unten

$scope.save = function(){ 
    $scope.saving_survey = true; 
    setTimeout(function(){ 
     $scope.saving_survey = false; 
     console.log($scope.saving_survey); 
    }, 1000); 

} 


<button class="btn btn-success" ng-click="save()" ng-disabled="saving_survey"> 
    save {{saving_survey}} 
</button> 

Answer 1

Try Verwendung $timeout Service. es sollte INJECTE sein

$scope.save = function(){ 
    $scope.saving_survey = true; 
    $timeout(function(){ 
    $scope.saving_survey = false; 
    console.log($scope.saving_survey); 
    }, 1000); 
} 

Answer 2

Grundsätzlich an die Steuerung Standard JavaScript-Funktionen (SetTimeout, Intervall, eventlistener, usw.) haben Wrapper $ nicht beobachten. Also müssen Sie $ watch manuell auslösen, dafür müssen Sie $scope.$apply() aufrufen. Der beste Weg, $apply des Aufrufs unten gezeigt,

if(!$scope.$$phase) { 
    $scope.$apply(); 
} 

Hinweis: $$phase true zurück, wenn bereits laufenden Zyklus verdauen sonst es wird falsch sein