title: Angular - ng-click on a div works only when you click on specific areas of a div
body: <p>I am trying to create a div that has a bunch of disabled fields. They get enabled on clicking anywhere in the div. </p>
  
  <p>I find that clicking anywhere in the div causes ng-click to be fired, while clicking on a dropdown that is disabled does not seem to fire ng-click. Here's an example. </p>
  
  <p><a href="http://jsfiddle.net/sJZf7/9/" rel="nofollow">http://jsfiddle.net/sJZf7/9/</a></p>
  
  <p>Javascript: </p>
  
  <pre><code>var app = angular.module('App', []);
  function ctrl($scope) {
      $scope.disabled = true;
      $scope.enable = function () {
          $scope.disabled = false;
      }
  }
  </code></pre>
  
  <p>What is going on? </p>