Ionic list button click


#1

Greeting,

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">
        <h2>notice</h2>
        <p>notice</p>
        <button class="button button-positive">
          <i class="icon ion-ios7-telephone"></i>
        </button>
      </a>
    </div>

and here is codepen: http://codepen.io/WindSekirun/pen/lawks (fork from http://codepen.io/ionic/pen/tcIGK)

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:


#2

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

http://codepen.io/ionic/pen/JsHjf


#3

@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:


#4

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.