// main.js

var app = angular.module('myApp', ['ngGrid']);

var removeTemplate = '<input type="button" value="remove" ng-click="removeRow($index)" />';

app.controller('MyCtrl', function($scope) {

    $scope.myData = [{name: "Moroni", age: 50},

                     {name: "Tiancum", age: 43},

                     {name: "Jacob", age: 27},

                     {name: "Nephi", age: 29},

                     {name: "Enos", age: 34}];  

    $scope.gridOptions = { 

        data: 'myData',

        showSelectionCheckbox: true,

        columnDefs: [{field: 'name', displayName: 'Name'}, {field:'age', displayName:'Age'}, {field: 'remove', displayName:'', cellTemplate: removeTemplate}]

    };

    $scope.removeRow = function() {

                    var index = this.row.rowIndex;

                    $scope.gridOptions.selectItem(index, false);

                    $scope.myData.splice(index, 1);

                };

  $scope.del = function(){

​

    angular.forEach($scope.gridOptions.$gridScope.selectedItems, function(row, index){

      angular.forEach($scope.myData, function(data, index){

        if(data.name == row.name){

          $scope.myData.splice(index,1)

        }

      });

    })

​

  }

});