how to get selected row data AngularJS

Question

I'm trying to get selected rows from table in AngularJS, but not able to figure out how to do that. Below is the plunker to see what I did.

http://plnkr.co/edit/APb0MeK5th7z79l32SEy?p=preview

Code Html

 <body ng-controller="MainCtrl">

<table>
<tr><td>Select Column</td><td>id</td> <td>name</td> <td>address</td> <td>classA</td> <td>classB</td></tr>  
<tr ng-repeat="employee in employees">
    <td><input type="checkbox"></td>
    <td>{{employee.id}}</td>
    <td>{{employee.name}}</td>
    <td>{{employee.address}}</td>
    <td><input type="checkbox" ng-model="employee.classA"></td>
    <td><input type="checkbox" ng-model="employee.classB"></td>
</tr>
</table>
<input type="button" name="save" value="submit">

Code JS

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

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




    $scope.employees = [
        { id:"1", name: "A",              address: "A1",    classA: true,  classB: true  },
        { id:"2", name: "B",            address: "A2",    classA: false, classB: true  },
        { id:"3", name: "C",            address: "A3",    classA: true, classB: false  },
        { id:"4", name: "D",             address: "A4",   classA: false, classB: true  },
        { id:"5", name: "E",             address: "A5",   classA: false, classB: true  },
    ];  

    });

I want the rows which are selected by user from left column check box while they click on submit.

Help is appreciated.

Slava N. · Accepted Answer · 2016-03-07 20:08:59Z

1

Check plunker here.

<td><input type="checkbox"
       ng-model="employee.checked"
       ng-true-value="1" 
       ng-false-value="0"></td>

...

<button ng-click="getSelected()">getSelected</button>

...

$scope.getSelected = function () {
  var ar = $scope.employees.filter(
    function (value) {
      if (value.checked == 1) {
        return true;
      } else {
        return false;
      }
    }
    );

  console.log(ar);
};

answered Mar 7, 2016 at 20:08

Slava N.

5964 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chen Kinnrot · Accepted Answer · 2016-03-07 19:38:46Z

0

You should bind this checkbox to a model, like you did with classA and classB.

for example:

<td><input type="checkbox" ng-model=employee.selected></td>

answered Mar 7, 2016 at 19:38

Chen Kinnrot

21.1k18 gold badges82 silver badges142 bronze badges

1 Comment

webCoder Over a year ago

After binding a check box what should I do ? Do I need to loop it ? I want only selected employees like if I select 1 and 3 then.

Collectives™ on Stack Overflow

how to get selected row data AngularJS

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related