在AngularJS中,可以通过设置一个布尔值来控制是否显示删除图标。当删除某个项目后,将该布尔值设置为false,隐藏删除图标。以下是一个示例解决方案:
HTML代码:
{{ item.name }}
AngularJS控制器代码:
app.controller('MyCtrl', function($scope) {
$scope.items = [
{ name: 'Item 1', showDeleteIcon: true },
{ name: 'Item 2', showDeleteIcon: true },
{ name: 'Item 3', showDeleteIcon: true },
];
$scope.deleteItem = function(item) {
// 删除item的逻辑
// ...
// 隐藏删除图标
item.showDeleteIcon = false;
};
});
在上述示例中,ng-show指令用于控制是否显示删除图标。showDeleteIcon属性的初始值为true,表示删除图标可见。当点击删除图标并执行deleteItem函数后,会将对应item的showDeleteIcon属性设置为false,从而隐藏删除图标。
当删除某个项目后,该项目的删除图标将在页面上隐藏。