Wie aktiviert man automatische watch angularJs?

Question

Ich bin Anfänger mit angularJs und habe, wie ich denke, ein einfaches Problem mit whatching Änderungen in meinem $scope.

Ich habe ein Objekt $scope.tasks, die ich vom Server erhalten habe. Es sieht aus wie:

{ 
2: {id: 2, name: 'name1', user: 3}, 
3: {id: 3, name: 'name2', user: 1}, 
4: {id: 4, name: 'name3', user: 4}, 
} 

auch i eine Funktion, die Update-Benutzer in Aufgabe haben:

$scope.managePlannedIterationTask = function(taskId, userId) { 
    var data = { 
     'taskId' : taskId, 
     'userId' : userId 
    }; 
    $http.post("url", data).success(function(data, status) { 
     $scope.tasks[taskId].user = userId; //#1 
    }); 
}; 

ich habe auch benutzerdefinierte Funktion $scope.test(); diese Funktion nach jedem Benutzerwechsel in Aufgaben ausgeführt werden müssen, zum Beispiel nach dem Update-Abfrage und Aktualisierung bei // # 1

ich habe versucht, für dieses Ziel $ Uhr zu verwenden und $ watchCollection:

$scope.$watchCollection('tasks', function() { 
    $scope.test(); 
}) 

Aber das hilft nicht. Und jetzt muss ich an allen Stellen $scope.test() einfügen, wenn ich meine $ scope.tasks aktualisiere. Es ist sehr traurig. Wie kann ich es automatisch machen?

Answer 1

Verwenden der Uhr ist nicht gut, um es im Code zu haben. Ich würde sagen, dass ein Anruf an test Methode, wenn Sie update Aufruf wird erfolgreich.

Und in einem success Rückruf von post Telefonieren eines anderer Anruf zu tasks Liste aktualisiert wird Ihre view Daten richtig synchron mit Server-Daten zu machen. Derzeit aktualisieren Sie Daten auf der Clientseite selbst für bestimmte Datensätze, was bei datenzentrierter Anwendung, die von mehreren Benutzern häufig verwendet wird, keinen Sinn ergibt. Angenommen, Sie haben 1000 Benutzer, die auf diese Anwendung zugreifen, und während Sie einen Datensatz aktualisieren, haben andere Benutzer auch updated/added alle Datensätze auf derselben Seite. Das fügt inkonsistente Verhaltensweisen innerhalb der Anwendung hinzu. Deshalb schlage ich vor, dass Sie noch einmal einen Ajax machen, um die Daten zu holen &, um Ihre Anwendung konsistenter und genauer zu halten. Einen weiteren Ajax-Anruf zu tätigen, würde nicht dauern, was aus guten Gründen weniger kostenpflichtig ist.

-Code

$scope.managePlannedIterationTask = function(taskId, userId) { 
    var data = { 
     'taskId' : taskId, 
     'userId' : userId 
    }; 
    $http.post("url", data).then(function(response) { 
     var data = response.data; 
     $scope.getTasks(); 
     $scope.test(); 
    }); 
}; 

$scope.getTasks = function(){ 
    $http.get('getTasksUrl').then(function(response){ 
     $scope.tasks = response.data; 
    }); 
} 

Answer 2

Sie eine Richtlinie mit Beobachter schreiben kann und setzen auf Modelle, die Sie beobachtet werden soll. Aber wenn ich Sie richtig verstanden habe, müssen Sie die Daten auf Ihrer Seite nach erfolgreicher Postanforderung aktualisieren. Sie können dies erreichen, indem Sie get request, nach erfolgreicher Post oder im schlimmsten Fall je nach verwendetem Router route oder state reload verwenden .