Angular Js Check box management

Check box management, passing value in json format

by Rijo R

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
Refer this link <a href="https://jsfiddle.net/tejassuthar/22oLstv7/9/">Check link</a>
<div ng-app ng-controller="PostController">
        <label ng-repeat="post in posts">
<input type="checkbox" name="selectedPosts[]" value="{{post.id}}"ng-model="post.selected">{{post.name}}
</label>
<button ng-click="destroySelected()">Delete Selected Posts</button>
<pre>
{{posts|json}}
</pre>

JavaScript

var app = angular.module('myApp', []);
	app.controller('myCtrl', function($scope, $http) {
function PostController($scope) {

  // posts model
  $scope.posts = [
    { id: 1 , name: 'Manager',     selected: true },
    { id: 2 , name: 'Team Leader', selected: false },
    { id: 3 , name: 'Sr. Manager', selected: true },
    { id: 4 , name: 'Developer',   selected: false }
  ];
  
  // Remove Selected Posts
  $scope.destroySelected = function destroySelected(){
      angular.forEach($scope.posts, function (item) {
			
           // Check if Item is selected
           if(item.selected === true){
                alert('Deleted ItemId: '+item.id);
               // Delete Item based on item.id 
           }
      });
  }	
   
}
});