如果選中，則從列表中刪除項目
[英]Remove item from the list if checked
問題描述
我有一個帶有復選框的項目列表，並且有刪除按鈕。 僅當選中列表中的項目時，刪除才有效。
例如，我有
$scope.list = [{
name:'Groceries',
check: false
}, {
name:'Laundry',
check:false
},
{
name:'Cleaning',
check:false
}];
在我的HTML中
<ul>
<li ng-repeat="values in list">
<input type="checkbox" ng-model="values.check"/>
<span>{{values.name}}</span>
</li>
</ul>
<button>Delete</button>
這只是代碼片段，我已用ng-app聲明並引導了控制器
3 個解決方案
解決方案1
0 2014-07-16 03:15:15
您應該使用Angular本機指令ng-checked
<input type="checkbox" ng-checked="values.check"/>
解決方案2
0 2014-07-16 03:25:31
您可以為此使用過濾器：
的HTML
<body ng-app="app" ng-controller='Ctrl'>
<ul>
<li ng-repeat="values in list">
<input type="checkbox" ng-model="values.check"/>
<span>{{values.name}}</span>
</li>
</ul>
<button ng-click="remove((list | filter:{check:true}))">Delete</button>
</body>
控制者
$scope.remove = function(items) {
alert('removing ' + items.length + ' items');
$scope.list = $filter('filter')($scope.list, { check: false});
}
解決方案3
0 2014-07-16 04:10:11
<body ng-controller="MyController">
<ul>
<li ng-repeat="values in list">
<input type="checkbox" ng-model="values.check" />
<span>{{values.name}}</span>
</li>
</ul>
<button ng-click="deleteItems()">Delete</button>
</body>
控制器：
myApp.controller('MyController', function($scope, $filter) {
$scope.list = [ {
name : 'Groceries',
check : false
}, {
name : 'Laundry',
check : false
}, {
name : 'Cleaning',
check : false
} ];
$scope.deleteItems = function() {
$scope.list = $filter('filter')($scope.list, {check : false})
}
})
如何在選中或未選中復選框時從數組中推送和刪除項目？
[英]How to push and remove item from an array on checked or unchecked of checkboxes?
如何從列表中刪除選中的復選框並將它們添加到另一個列表
[英]How to remove the checked checkboxes from the list and add them to another list
如果選中復選框，如何調用函數，如果未選中則從附加列表中刪除
[英]How to call a function if checkbox checked and remove from appended list if unchecked
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.