поповер не работает в модальном-ионной

Question

my modal: 
<div class="modal"> 

    <!-- Modal header bar --> 
    <ion-header-bar class="bar-secondary "> 
    <h1 class="title ">New Task</h1> 
    <button class="button button-clear button-positive " ng-click="closeNewTask() ">Cancel</button> 
    </ion-header-bar> 

    <!-- Modal content area --> 
    <ion-content> 

    <form ng-submit=""> 
     <div class="list "> 
     <div class="item"> 
      <label class="item item-input "> 
      <input type="text " placeholder="What do you need to do? "> 


      <button type="button" class="button button-icon" ng-click="openPopover($event)"> 
      <i class="icon ion-information-circled red font-size-25"></i> 
      </button> 
      </label> 
     </div> 

     </div> 

     <div class="padding "> 
     <button type="submit" class="button button-block button-positive ">Create Task</button> 
     </div> 
    </form> 

    </ion-content> 

</div> 

это мой модальное работает нормально, но «информация значок» внутри модального не работает ... я поставил $ ionicPopover в контроллере и функции

var template = '<ion-popover-view><ion-header-bar> <h1 class="title">My Popover Title</h1> </ion-header-bar> <ion-content> Hello! </ion-content></ion-popover-view>'; 

    $scope.popover = $ionicPopover.fromTemplate(template, { 
    scope: $scope 
    }); 

    $scope.openPopover = function($event) { 
    $scope.popover.show($event); 
    }; 

Everythink хорошо работает из модальных, но внутри не

Answer 1

$scope.openPopover = function($event) { 
    $scope.popover.show($event); 
    }; 

изменить его

$scope.openPopover = function(e) { 
    $scope.popover.show(e); 
    };