angularjs - how to know which element is selected in angular js -

i make multiple selected popover , in user can select multiple values . want print selected value on screen or object in element selected user .i explain in other words .in demo have 1 button on screen .on button click open pop on have multiple selected element want element selected user in pop please check demo .here demo

http://codepen.io/anon/pen/kpaejv

angular.module('ionicapp', ['ionic']) .controller('mycontroller', function($scope, $ionicpopover) {   $scope.data =[     {"name":"a"},     {"name":"b"},     {"name":"c"},     {"name":"d"},     {"name":"e"}   ]   $ionicpopover.fromtemplateurl('my-popover.html', {     scope: $scope   }).then(function(popover) {     $scope.popover = popover;   });     $scope.openpopover = function($event) {     $scope.popover.show($event);   };     $scope.closepopover = function() {     $scope.popover.hide();   }; } ) 

you can change model adding property:

$scope.data =[     {"name":"a", checked: false},     {"name":"b", checked: false},     {"name":"c", checked: false},     {"name":"d", checked: false},     {"name":"e", checked: false}   ]; 

your list have property attached element (ng-model):

<li class="item item-checkbox">      <label class="checkbox">        <input type="checkbox" ng-model="item.checked" ng-click="itemchecked(item)">      </label>      {{item.name}}   </li> 

and can listen changes adding method (itemchecked) passing item:

$scope.itemchecked = function(item)   {     alert(item.name);     } 

and modified plunker.

if want limit checks:

$scope.itemchecked = function(item) {     var count = 0;     angular.foreach($scope.data, function(value, key) {       count += value.checked ? 1 : 0;      });     if (count > 3)     {         item.checked = false;     }   }