Question

我有一个由使用ng-repeat的对象数组创建的div。在该div中是一个微小的二级div，意味着作为删除。当我单击第二个div时，我希望从数组中删除该对象。

HTML：

<div ng-repeat="item in items" id = "doc:{{$index}}">
    <div ng-model="remove" ng-click="removefunc()" id="{{$index}}">
        x
    </div>
    Other stuff goes here...
</div>

AngularJS：

$scope.removefunc = function() {
    $scope.items.splice(ID of the div,1);
}

这是正确的方法吗？如果是这样，我如何获得div的ID？

Answer 1

为您准备了几个修补程序（id标记对于您正在执行的操作不是必需的）：

将索引传递给函数，以便知道哪一个。

<div ng-repeat="item in items">
    <div ng-model="remove" ng-click="removefunc($index)">
        x
    </div>
    Other stuff goes here...
</div>

和

在拼接中使用该索引。

$scope.removefunc = function(index) {
    $scope.items.splice(index, 1);
}

请注意，如果您的转发器上有过滤器，那么这将无效

如何在AngularJS中获取div ID

1 个答案: