AngularJS ng-click stopPropagation

by

ngClick directive (as well as all other event directives) creates $event variable which is available on same scope. This variable is a reference to JS event object and can be used to call stopPropagation():

<table>
  <tr ng-repeat="user in users" ng-click="showUser(user)">
    <td>{{user.firstname}}</td>
    <td>{{user.lastname}}</td>
    <td>
      <button class="btn" ng-click="deleteUser(user.id, $index); $event.stopPropagation();">
        Delete
      </button>
    </td>              
  </tr>
</table>

PLUNKER

More Related Contents:

  1. How to trigger ngClick programmatically
  2. adding and removing classes in angularJs using ng-click
  3. Working with select using AngularJS’s ng-options
  4. How do I set the value property in AngularJS’ ng-options?
  5. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  6. Why Does Firebase Lose Reference outside the once() Function?
  7. How to set an iframe src attribute from a variable in AngularJS
  8. AngularJS- Login and Authentication in each route and controller
  9. Redirect a state to default substate with UI-Router in AngularJS
  10. AngularJS multiple filter with custom filter function
  11. AngularJS: Better way to watch for height change
  12. AngularJS group check box validation
  13. using AngularJS html5mode with nodeJS and Express
  14. Change format of md-datepicker in Angular Material with momentjs
  15. Resetting form after submit in Angularjs
  16. ES6 Promise not Updating AngularJS DOM [duplicate]
  17. Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?
  18. Angular 1 – get current URL parameters
  19. AngularJS : ng-model binding not updating when changed with jQuery
  20. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  21. Remove ‘All Files’ option from HTML file input
  22. Jenkins error – Blocked script execution in . because the document’s frame is sandboxed and the ‘allow-scripts’ permission is not set
  23. ng-click not working in dynamically created content
  24. How to implement hierarchical multilevel datatable in javaScript?
  25. What is the difference between Polymer elements and AngularJS directives?
  26. Webstorm: “Cannot Resolve Directory”
  27. Adding rows with ng-repeat and nested loop
  28. Angular passing scope to ng-include
  29. $resource callback (error and success)
  30. AngularJS: initialize ZURB Foundation JS

Leave a Comment