$ scope在通过$ location.path传递到新视图之后不会更新

Question

我有一个简单的CRUD，它与Angularjs放在一起。从产品列表显示中，我将用户传递给“新建”窗体的新视图模板。

表单处理正常并更新数据库。然后，我使用“$ location.path（url）”将用户传回列表显示。

由于某些原因，当列表页面显示时，更改不会出现在$ scope中，您必须刷新页面以查看更改。

样品的编号：

$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请求几乎与用于创建新产品的GET请求几乎同时发送。这两个请求由服务器同时处理，并且返回的列表包含没有新产品的列表，这是在单独的事务中创建的。

在进入产品列表之前，您需要等待回复，并确保其成功。假设服务返回承诺，因为它应该这样做：

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