$ scope не обновляется после перехода к новому представлению с $ location.path

Question

У меня есть простой CRUD, который я собираю вместе с Angularjs. На дисплее списка продуктов я передаю пользователю новый шаблон представления для формы «Создать новый».

Форма отлично обрабатывает и обновляет базу данных. Затем я передаю пользователя обратно в список, используя «$ location.path (url)».

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

Пример кода:

$scope.acns = acnFactory.query() 
    .$promise.then(function (data) { 
     $scope.acns = data; 
    }); 

вышеприведенные отображает список элементов.

$scope.createAcn = function() { 
    $scope.acn.isActive = true; 
    acnFactory.create($scope.acn); 
    $location.path('/acn'); 
} 

Приведенные выше сообщения, то новый продукт перенаправляет на страницу списка (/ ACN)

Мое предположение о том, что страница списка будет перерабатывать или смотреть изменения в $ объеме, но вид не обновляется ,

Answer 1

Проблема, скорее всего, здесь:

$scope.createAcn = function() { 
    $scope.acn.isActive = true; 
    acnFactory.create($scope.acn); 
    $location.path('/acn'); 
} 

создание продукта, безусловно, заключается в том, отправив запрос HTTP на сервер. Это асинхронно. Это означает, что acnFactory.create() возвращается сразу после запроса отправлено. Не после получения ответа.

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

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

$scope.createAcn = function() { 
    $scope.acn.isActive = true; 
    acnFactory.create($scope.acn).then(function() { 
     $location.path('/acn'); 
    }); 
};