如何使用angular js在api url中存储添加参数

Question

我的 Angular js 函数代码

$scope.cardcall = function (cardtype) { 
        $scope.cityname=cityname;   
        $http({method: 'GET',url: '/api/v1/asasas&filterBy=cardNames&filterByValue='+cardtype.key}).success(function(data) {
            $scope.deal = data.deals;              
        });                  
    };

我的查看代码

<div class="check_box" ng-repeat="cardtype in card.cardTypes.buckets">                                                  
 <label>
 <input type="checkbox" value=" {{cardtype.key}}" name="cardname" ng-click="cardcall(cardtype)" /> {{cardtype.key}} 
 </label>                                                   
</div>

现在当一些点击复选框时，它会调用 api

/api/v1/asasas&filterBy=cardNames&filterByValue=asssas

当有人单击第二个复选框然后像 api 调用一样时，我会尝试做什么

/api/v1/asasas&filterBy=cardNames&filterByValue=asssas,xsdza

Answer 1

您可以通过ng-model 将.checked 值添加到cardtype

<input type="checkbox" ng-model="cardtype.checked" value=" {{cardtype.key}}" name="cardname" ng-change="typecall()" />

然后您可以在代码中运行一个循环来确定检查的内容

$scope.cardcall = function () { 
    $scope.cityname=cityname;

    var keys = [],
        buckets = $scope.card.cardTypes.buckets;

    for (var i = 0, len = buckets.length, i < len; i++) {
        if (buckets[i].checked)
            keys.push(buckets[i].key);
    }

    if (keys.length) {
        keys = keys.join();

        $http({method: 'GET',url: '/api/v1/asasas&filterBy=cardNames&filterByValue=' + keys}).success(function(data) {
            $scope.deal = data.deals;              
        });
    }
};

每次选中或取消选中其中一个复选框时都会调用此方法，并且由于它会查看所有复选框，因此不再需要传递cardtype.key。如果未选中任何复选框，则不会进行 AJAX 调用。