javascript - Angular .then() 不起作用(发送 get 请求后不刷新 View )

Question

创建网上商店，当我管理用户购物车页面时，Angular 在调用 deleteFromCart() 后不会刷新 View ，因此我需要刷新页面。我缺少什么？正如我对 .then(f()) 所做的 promise ，但它不起作用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);
    });
}