在AngularJS中,可以使用$index
来获取当前循环的索引值,然后通过splice()
方法从列表中移除对应的元素。
以下是一个示例代码:
<div ng-app="myApp" ng-controller="myCtrl">
<ul>
<li ng-repeat="item in items">
{{ item.name }}
<button ng-click="removeItem($index)">Remove</button>
</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.items = [
{ name: 'Item 1', id: 1 },
{ name: 'Item 2', id: 2 },
{ name: 'Item 3', id: 3 },
{ name: 'Item 4', id: 4 }
];
$scope.removeItem = function(index) {
$scope.items.splice(index, 1);
};
});
</script>
在上述代码中,ng-repeat
指令用于循环遍历items
数组,并使用$index
获取当前循环的索引值。点击"Remove"按钮时,调用removeItem()
函数并传入$index
作为参数,然后使用splice()
方法从items
数组中移除对应的元素。
这样,当点击"Remove"按钮时,对应的列表项将会被移除。
注意:以上示例中的代码是使用AngularJS的旧版本(1.x)。AngularJS已经不再维护,推荐使用Angular(也称为Angular 2+)进行开发。在Angular中,可以使用*ngFor
和trackBy
来实现类似的功能。
没有搜到相关的沙龙