Wie aktualisiere ich die $ Scope-Variablenwerte mit den neuen Werten, die ich von der Datenbank bekomme?

Question

Ich habe die Antwort-Werte jedes Mal, wenn ich die web-service auf eine $scope Variable auf Knopfdruck, aber die $scope Variable wird nicht mit den neuen Werten, die ich muss Klicken Sie auf die Schaltfläche zweimal, so dass die $scope Variablen aktualisiert werden . Ich habe auch überprüft, jedes Mal wenn ich den Knopf drücke, wird der web-service richtig gerufen.

controller.js

$scope.getDetails = function() { 
    services.getSomeDetails($scope.id).then(function(response) { 

      $scope.details= response.data; 

    } 
} 

view.html

<a ng-click="getDetails();">Click me!</a> 

Answer 1

Verwenden $scope.$apply() nach dem Umfang Variable.

services.getSomeDetails($scope.id).then(function(response) { 

     $scope.details= response.data; 

     $scope.$apply(); 

    } 

Answer 2

Wenn Sie jquery Click-Ereignis verwenden, wird es auslösen nicht Kreis Winkel verdauen. Verwenden Sie ng-click Richtlinie oder fügen Sie $scope.$digest() oder $scope.$apply() nach dem Update Umfang variable

services.getSomeDetails($scope.id).then(function(response) { 

      $scope.details= response.data; 
      $scope.$apply() 

    }