Angular.then（）不工作（發送獲取請求後不刷新視圖）

Question

創建互聯網商店，當我管理用戶購物車頁面在調用deleteFromCart（）後Angular不刷新視圖，所以我需要刷新頁面。我錯過了什麼？由於我做了。然後承諾（F（）），但它不工作 JS代碼：

var url = $location.absUrl() + "/products"; 

getProducts(); 
function getProducts() { 
    $http.get(url).then(function (response) { 
     $scope.total = 0; 
     $scope.products = response.data; 
     $scope.products.forEach(function (product) { 
      $scope.total = $scope.total + product.price; 
     }) 
    }); 
} 

$scope.deleteFromCart = function (productId) { 
    $http.get(url + '/' + productId).then(function() { 
     getProducts(); 
    }); 
} 

查看：

<div class="panel panel-primary" ng-controller="CartCtrl"> 
    <div class="panel-heading"> 
     <h3 class="panel-title">Your Cart</h3> 
    </div> 
    <div class="panel-body "> 
     <table class="table table-bordered"> 
      <thead> 
      <tr> 
       <th>Product name</th> 
       <th>Price</th> 
       <th>Quantity</th> 
       <th class="text-center">Action</th> 
      </tr> 
      </thead> 
      <tr ng-repeat="product in products"> 
       <td>{{product.title}}</td> 
       <td>{{product.price}}$</td> 
       <td>3</td> 
       <td class="text-center"> 
        <a href="#" ng-click="deleteFromCart(product.id)" class="btn btn-danger btn-xs">Remove</a> 
       </td> 
      </tr> 



     </table> 
     <h4><span class="label label-primary pull-left">TOTAL : {{total}}$</span></h4> 
     <button class="btn btn-success pull-right">Confirm Order</button> 
    </div> 

</div> 

Answer 1

要刷新頁面只是從刪除產品爲什麼清單

<td class="text-center"> 
    <a href="#" ng-click="deleteFromCart(product.id,$index)" class="btn btn-danger btn-xs">Remove</a> 
    </td> 

$scope.deleteFromCart = function (productId,index) { 
    $http.get(url + '/' + productId).then(function() { 
     $scope.products.splice(index,1); 
    }); 
}