Stop ng-click propagation on list item buttons

[xuyuanme]

Currently the item option buttons and delete button on the list item will propagate the click event. So if another ng-click function is defined on the list item itself, it will be triggered by clicking the build-in item option or delete button, which is sometimes unwanted.

Adding $event.stopPropagation() in the ionicList.js template would help, or at least there should be an option to let user choose stop the ng-click propagation:

// js/ext/angular/src/directive/ionicList.js
ng-click="deleteClick(); $event.stopPropagation();"
ng-click="b.onTap(item, b); $event.stopPropagation();"

[ajoslin]

Wrong issue in my commit! Meant #528. That's what happens when you have too many issues open :-)

[adamdbradley]

Yeah good call, thanks for letting us know.

@ajoslin I created a stopEvent directive that can be reused for various directives, like:

<button ng-click="myClick()" stop-event="click">Click Me</button>

[ajoslin]

Nice! I like it.
On Feb 13, 2014 12:08 AM, "Adam Bradley" [email protected] wrote:

Yeah good call, thanks for letting us know.

@ajoslin https://github.com/ajoslin I created a stopEvent directive
that can be reused for various directives, like:

Click Me

Reply to this email directly or view it on GitHubhttps://github.com//issues/550#issuecomment-34948995
.

[techhysahil]

ion-stop-event solve the problem on laptop browser but the issue still persist on android app.