setInterval Funktion ändert nicht die $ Scope in der Ansicht

Question

Ich habe eine Feder-App mit eckigen js und html auf der Client-Seite, und ich möchte die Informationen in der Ansicht alle 6 Sekunden für die ich setInterval-Funktion aber es zu aktualisieren nicht die Ansicht ändern dies ist mein Code

$scope.aat=function(){ 
       $http.get("http://localhost:8080/projet/getInspectionEnCoursDinspection") 
    .success(function (data) { 

    $scope.tab1=data; 
    console.log("size="+ $scope.inspectionEnCoursDinspection1.length); 

    }) 
} , 

setInterval(function(){ $scope.aat() },60000); 

und dies ist mein hTML-Ansicht

<table class="table table-bordered"> 
<tr ng-repeat="insp in tab1"> 
<td>Mat{{insp.vehicule.matricule}} 

<div ng-repeat="aa in insp.tests"> 
Test<ul><li ng-repeat="defaut in aa.defauts">{{defaut.nomDefaut}}</li></ul> 
</div> 

</td> 

<td><button ng-click="annulerTest()" 
            class="btn btn-default btnt"> 
            <i class="glyphicon glyphicon-remove"></i> 
           </button></td> 
</tr> 
</table> 

jede Hilfe werden die meisten

Answer 1

Re geschätzt werden lated: angular doesn't apply changes to array(remove item on socket event)

Dies liegt daran, dass Sie mit setInterval $ scope.tab1 mit $ scope.aat modifizieren.

Wenn Sie Ihre Daten mit einem beliebigen nicht-eckigen Code ändern, wird Ihre Ansicht desynchronisiert, da Angular nicht über die Änderung informiert ist (es hat die Arbeit nicht ausgeführt, daher würde es es nicht wissen).

Sie können dies beheben, indem Sie entweder Angulars $interval anstelle von setInterval verwenden, um Ihre Aktualisierungen zu wiederholen. Oder fügen Sie $scope.apply() in $scope.aat hinzu, um Angular zu informieren, alles erneut auf Änderungen zu überprüfen.

In diesem Fall ist es besser, $ interval zu verwenden. $ scope.apply() sollte der letzte Ausweg sein.

$scope.aat=function(){ 
       $http.get("http://localhost:8080/projet/getInspectionEnCoursDinspection") 
    .success(function (data) { 

    $scope.tab1=data; 
    console.log("size="+ $scope.inspectionEnCoursDinspection1.length); 
    //this--->$scope.apply(); 
    }) 
} , 

//OR this-->$interval(function(){ $scope.aat() },60000);