javascript - 如何在单击按钮时从单个 ListView 单元格获取索引路径或特定 ID

Question

我有从数据库显示的项目列表。所以在每个单元格中我都有一个按钮。因此，每个单元格都有一个单独的号码 ID。因此，每当我按下任何单元格按钮时，我都需要获取该特定的单元格号码 ID。只需输入一个警报或控制台消息即可获取该特定的号码 ID。如何做到这一点。

例如:

<ion-item ng-repeat="colls in Mycolls | filter: search | limitTo: listlength">
   <div>
      <img src="img/Reminder.png"> 
      <span>Get number</span>
   </div>
   <div>
      <img src="img/phone.png">
      <span>GET NAME</span>
   </div>
</ion-item>

上面的代码是我用于填充数据的 ListView ，每个单元格都有一个按钮。请帮助我了解如何使用 ng-click 来做到这一点。

这是我的 Controller :

.controller('collectionsCtrl', function($scope, $state, $window, $ionicPopup, $stateParams, $ionicLoading, $timeout, $ionicHistory, collectionsfactory) {
    $scope.GoBack = function() {
        $state.go('menu.mydata');
    };
    $scope.mdID = "1";
    $scope.orderInfo = {
        mdID: $scope.mdID
    };
    $ionicLoading.show();
    collectionsfactory.save($scope.orderInfo, function(response) {
        if (response.status == 1) {
            $ionicLoading.hide();
            $scope.Mycolls = response.allcollections;
            $window.localStorage.setItem("order", JSON.stringify($scope.Mycolls));
            console.log($scope.Mycolls);
        } else {
            $ionicLoading.hide();
            $ionicPopup.alert({
                title: "Failed",
                content: "<center>" + response.message + "</center>"
            });
        }
    });
});

Answer 1

将 ng-click 添加到调用函数的重复元素中的 span:

<ion-item ng-repeat="colls in Mycolls" ng-click="getColls(colls)>
    <span ng-click="getNumber(colls)">Get number</span>
    <span ng-click="getName(colls)">Get name</span>
</ion-item>

以下是 Controller 中的 getNumber() 和 getName() 函数:

$scope.savedColls = {};

$scope.getNumber = function(colls) {
    $scope.savedColls.number = colls.number;
}

$scope.getName = function(colls) {
    $scope.savedColls.name = colls.name;
}