Handlers for list items in popover


#1

How to assign a click handler for list items in popover?

 <ion-popover-view>
    <ion-header-bar>
      <h1 class="title">My Popover Title</h1>
    </ion-header-bar>
    <ion-content>
      <div class="sub-topics-list">
          <h3 ng-click="postOnFb()">Facebook</h3>
          <h3>Facebook</h3>
      </div>
    </ion-content>
  </ion-popover-view>

Docs are really bad for the popover UI.


#2

Ok, the quick response is to use the popover shown event ($scope.$on('popover.shown', function(){...}) and then jquery inside the function (better than jQlite) in order to bind events to DOM elements, change styles, and so.


#3

Ok 2. In addition, you can take a look to $scope inside a popover in unreachable!, which provides another (better in some ways) solution.