$ Scope wird nie aktualisiert - Angular 1.x

Question

Ich habe die Variable $ scope.parents, die sich im Controller "userCrtl" befindet. Das Problem ist, dass der Wert nach dem AJAX-Aufruf nicht aktualisiert wird. Ich habe versucht, $ q zu verwenden, um die Änderungen nach dem Ende des Versprechens anzuwenden; Das ist mir jedoch nicht gelungen. Ich habe versucht $ scope.watch zu verwenden, um Änderungen zu erkennen, aber diese Methode wird nie gestartet. Daher wird meine HTML-Seite nie aktualisiert. Wenn ich console.log ($ scope.parents) verwende, wird der Wert von $ scope.parents normal angezeigt, aber die HTML-Ansicht wird nicht aktualisiert. Wenn $ scope.parents mit einem Standardwert ($ scope.parents = "test") initialisiert wird, wird dieser Wert angezeigt, aber nicht mehr geändert. Die frustrierendste Sache ist, dass ich dasselbe in anderen Anwendungssteuerungen mache und alles gut funktioniert. Etwas bewirkt, dass nur zuvor definierte Werte für $ scope-Variablen in html angezeigt werden. Im Folgenden ist der Controller-Code:

app.controller("userCtrl", function($scope, userService, $http) { 
    $scope.panels = userService.get(); 
    $scope.parents = null; 
    $scope.start = function(panel) { 
     // Get parents blocks 
     $http.get(path + "getpaneluser /" + panel.painelUsername).then (function (response) { 
      $scope.parents = response.data; 
     // Here the value of parents is normally displayed 
        console.log($scope.parents); 
     }, function(error) { 
     }); 
    }; 
// Displays only null, even if $scope.parents has a value after the AJAX call 
    $scope.$Watch('parents', function() { 
     console.log($scope.parents); 
    }); 
}); 

HTML-Code.

<div class="col-lg-12" style="padding-right: 0%;"> 
{{parents}} <!-- value never displayed --> 
    <div ng-repeat="item in parents" class="declareContainer"> 
     {{item}} 
    </div> 
</div> 

Vielen Dank für Ihre Hilfe

Answer 1

nach dem Umfang Ajax-Aufruf gelten $ die Daten im Rahmen

$http.get(path + "getpaneluser /" + panel.painelUsername).then (function (response) { 
      $scope.parents = response.data; 
     // Here the value of parents is normally displayed 
        console.log($scope.parents); 
    $scope.$apply() 
     }, function(error) { 
     });