Как включить автоматический просмотр angularJs?

Question

Я начинаю с angularJs и имею, как я думаю, простую проблему с изменениями в моем $scope.

У меня есть объект $scope.tasks который я получил от сервера. Это выглядит следующим образом:

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

также у меня есть функция, которая пользователя обновления в задаче:

$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 
    }); 
}; 

также у меня есть пользовательская функция $scope.test(); эта функция должна быть выполнена после каждой смены пользователя в задачах, например, после запроса обновления и обновления на // # 1

Я пытался использовать для этой цели $ часы и $ watchCollection:

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

Но это не поможет. И теперь я должен вставить $scope.test() во все места, когда я обновляю свои $ scope.tasks. Это очень грустно. Как я могу сделать это автоматически?

Answer 1

Использование часов не является хорошей практикой, чтобы иметь его в коде. Я бы сказал, что при вызове метода test, когда вы получаете update, вызов становится успешным.

И внутри success обратного вызова post вызова делают сделать еще один звонок, чтобы получить обновленную tasks список, чтобы ваши данные view правильно синхронизированы с данными сервера. В настоящее время вы обновляете данные на стороне клиента для конкретной записи, что не имеет смысла в ориентированном на данные приложении, которое широко используется несколькими пользователями. Если у вас есть 1000 пользователей, которые обращаются к этому приложению, и пока вы обновляете какую-либо запись, у других пользователей также есть updated/added любая запись на той же странице. Таким образом, это добавит непоследовательность поведения внутри приложения. Поэтому я предлагаю вам снова сделать еще один ajax для получения данных &, чтобы ваше приложение выглядело более согласованным и точным. Создание еще одного вызова ajax не принимало бы 100ms, что было бы менее дорогостоящим.

Код

$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

Вы можете написать директиву с наблюдателем и поставить на модели, которые вы хотите наблюдать. Но если вы правильно поняли, что вам нужно обновлять данные на своей странице после успешного почтового запроса, вы можете добиться этого, выполнив запрос на получение запроса, после успешной публикации или в худшем случае вы можете использовать перезагрузку маршрута или штата в зависимости от того, какой маршрутизатор вы используете ,