Ionic list button click



i have being making the favorites feature use ionic.

but, there is a problem.

<div class="list card list-description">
      <a class="item item-thumbnail-left item-button-right" href="#/menu/2">
        <img src="img/at.png">
        <button class="button button-positive">
          <i class="icon ion-ios7-telephone"></i>

and here is codepen: (fork from

in soruce, my list item enclosd <a class="" href=""></a> not <div></div>

when click button, page moved.

how i can work the button?

Sorry to poor English :smile:


Hmm, maybe you should rethink the ui a bit then. You could try something like this


@mhartington I’m trying this method already.
but my customer says ‘diffirent concept’, don’t like it.
so, i made this question.

thanks for advice to me :smile:


I have a very similar problem.

Can anyone show a working example of a button list - where the button and the list item have different effects?

I’ve tried using a div (with ng-click) for the list item or link tag with ng-href, but both “hide” the button event.