javascript - 循环 Angular API 调用

Question

我有一个项目列表，我想将所选项目传递给 API 并检查该项目是否存在。

$scope.submitButton = function() {
    for (var i=0; i < $scope.selectedItems.length; i++) {
        console.log($scope.selectedItems[i]); // item2
        myService.checkItem($scope.selectedItems[i])
        .success(data, status, header, config) {
           var myData = data;
           console.log(myData); 
        })
    }
}

当我选择 item2 并单击按钮时，我只希望服务返回 item2 的数据，但它返回 item1、item2 和 item4 的数据(item3 不存在)。如何修改我的代码以仅返回 item2 的数据？

Answer 1

试试这个:

在迭代对象时使用 $index 跟踪，如以下 HTML 代码所示。单击时在提交按钮事件中传递 $index 值。

HTML:

<div ng-repeat="item in selected_items track by $index" ng-click="submitButton($index)"></div>

AngularJS:

$scope.submitButton = function(index) {
for (var i=0; i < $scope.selectedItems.length; i++) {
    console.log($scope.selectedItems[index]); // item2
    myService.checkItem($scope.selectedItems[index])
    .success(data, status, header, config) {
       var myData = data;
       console.log(myData); 
    })
  }
}