ng-table: check box selection in each row
<p>I have a ng-table where i am trying to implement selection using check box in each row.</p>

<pre><code> &lt;table id="List" class=" table table-bordered table-striped"
  ng-table="tableParams" show-filter="true" template-pagination="custom/pager"&gt; 

 &lt;tbody&gt;
      &lt;tr ng-repeat="item in $data" &gt;
          &lt;td style="width: 35px"&gt;
    &lt;input type="checkbox" name="selectedIds[]"  value="{{item.id}}" ng-checked="isRowSelected(item.id)" ng-click="toggleSelection(item.id)" /&gt;
        &lt;/td&gt;
 &lt;td data-title="'Name'" sortable="'Name'"  filter="{ 'Name': 'text' }" &gt;
        {{ item.Name}} &lt;/a&gt;   

    &lt;/td&gt;
     &lt;td data-title="'Email'" sortable="'Email'" &gt;
        {{ item.Email}}
  &lt;/td&gt;
  &lt;td data-title="'Phone Number'" sortable="'PhoneNumber'"&gt; 
      {{ item.PhoneNumber}}
            &lt;/td&gt;
    &lt;/tr&gt;
</code></pre>

<p>this is the controller:</p>

<pre><code>angular.module("umbraco").controller("ListController",
 function ($scope, $http, $routeParams) {
$scope.selectedIds = [];
    $scope.toggleSelection = function (val) {
             var idx = $scope.selectedIds.indexOf(val);
             if (idx &gt; -1) {
                 $scope.selectedIds.splice(idx, 1);
             } else {
                 $scope.selectedIds.push(val);
             }
         };

         $scope.isRowSelected = function (id) {
             return $scope.selectedIds.indexOf(id) &gt;= 0;
         };
         $scope.isAnythingSelected = function () {
             return $scope.selectedIds.length &gt; 0;
         };
});
</code></pre>

<p>i am trying to select individual rows however the above code selecting all the rows on any row click.
any suggestion on this please?</p>