title: AngularJs ng-click VS jquery on('click')
body: <p>I'm new to angular and failing to understand why should i use angular <code>ng-click</code> over jQuery event listeners? Since the best practice is to use only one of them in my App (according to <a href="https://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background/15012542#15012542">this highly up voted answer</a>) Isn't there any elegant solution in angular to listen to events such as in jquery?</p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>&lt;span&gt;Box 1&lt;/span&gt;
  &lt;span&gt;Box 2&lt;/span&gt;
  &lt;span&gt;Box 3&lt;/span&gt;
  
  $("span").on('click',function() {
    // do something 
  });
  </code></pre>
  
  <p><strong>Angular</strong></p>
  
  <pre><code>&lt;span ng-click="doSomething();"&gt;Box 1&lt;/span&gt;
  &lt;span ng-click="doSomething();"&gt;Box 2&lt;/span&gt;
  &lt;span ng-click="doSomething();"&gt;Box 3&lt;/span&gt;
  
  $scope.doSomething = function(){
      // do something
  };
  </code></pre>
  
  <p>What will happen if i'll need to change the function name, or remove it completely, in angular i'll have to go over the entire code and remove the ng-clicks.</p>