title: AngularJS: How to stop event propagation from ng-click?
body: <p>I have directive that does something like so:</p>
  
  <pre><code>app.directive('custom', function(){
      return {
          restrict:'A',
          link: function(scope, element){
              element.bind('click', function(){
                  alert('want to prevent this');
              });
  
          }
      }
  });
  </code></pre>
  
  <p>yes, it's necessary to do jQuery-way binding for this case.</p>
  
  <p>And now I want to stop this event(click) propagation if some condition met.</p>
  
  <p>Tried to do:</p>
  
  <pre><code>  $event.stopPropagation();
    $event.preventDefault();
  </code></pre>
  
  <p>but it did not help.</p>
  
  <p>here fiddle for example - <a href="http://jsfiddle.net/STEVER/5bfkbh7u/">http://jsfiddle.net/STEVER/5bfkbh7u/</a></p>