Angularjs: Select all checkbox - angularjs

Question

I want to implement select all checkbox (for multiple delete).
This is my View script:
<input type="checkbox" name="chk_all" id="chk_all" ng-click="checkAll(this)" /> Select All
<table>
<tr ng-repeat="user in allUsers">
<td><input type="checkbox" ng-model="list" name="list[]" class="chk_all" value="{{user.user_id}}" id="{{user.user_id}}" ng-checked="checkedAll" /></td>
<td>{{user.username}}</td>
<td>{{user.fname}}</td>
<td>{{user.lname}}</td>
<td>{{user.mobile}}</td>
<td>{{user.email}}</td>
<td><a title="Edit User" href="#/edit_user/{{user.user_id}}" ><span class="fa fa-pencil"></span></a> | <a title="Delete User" id="" style="cursor:pointer;" ng-click="delete_user(user.user_id)" ><span class="fa fa-trash-o"></span></a></td>
</tr>
</table>
On "chk_all" checkbox following all checkbox should checked or unchecked.
I want to delete selected users on button click. So how can i get selected user id's on http post method.
Script written as:
$scope.testFunction=function(params)
{
$http.post("../admin/users/testFunction",{'params' : params})
.success(function (data, status, headers, config)
{
console.log(data);
alert(1);
})
.error(function(data, status, headers, config){
});
}
controller function:
public function testFunction()
{
$data = json_decode(file_get_contents("php://input"));
print($data->params);
}
In testFunction (php function), how can I retrive selected user id's ?
Any solution?
Note: I have done it with javascript and php. Now application is going to convert into Angularjs, so it should be in angularjs.

Answer 1

You could give the object 'user' a property: 'checked', then the checkbox looks like: <input type="checkbox" name="list[]" class="chk_all" ng-model="user.checked" onclick="uncheck_select_all(this)" />. Then on your submit, you check for each user in allUsers whether user.checked == true and if so push that user to an array. Then put that array in your http post and handle deletion for each user in the array at the server side.
Update
In this plnkr I show what I meant with my answer + comments. This doesnt work if you simply copy-paste because I used some different namings. If you can't figure out the solution with this plunker, I'm afraid I did all I could. Note: You could replace the angular.forEach loops with regular for-loops for slightly faster performance.

Answer 2

Checkout ng-checked in the Angular Docs.
You can add an expression to every checkbox you want checked based on a $scope variable.
<input type="checkbox" name="chk_all" id="chk_all" ng-click="checkAll(this)" />
<input type="checkbox" name="chk_1" id="chk_1" ng-checked="checkedAll" />
<input type="checkbox" name="chk_2" id="chk_2" ng-checked="checkedAll" />
<input type="checkbox" name="chk_3" id="chk_3" ng-checked="checkedAll" />
In your controller you would have this:
$scope.checkAll = function() {
$scope.checkedAll = true;
}
This will set the $scope.checkedAll variable to true making the ng-checked expression true, which will check all checkboxes using that expression.
I changed the onchange attribute to ng-click as well.