title: Ng-click not working in div
body: <p>I've got a menu that appears when I click on a button. Well, into that menu, I have pairs of spans: icon-title. Pretty straightforward, I guess.</p>
  
  <p>Well, somehow, these spans don't call my controller method when I click on them. I tried wrapping these pairs in divs and setting the ng-click on them, but that does not work either.</p>
  
  <p>This is my contextual menu:</p>
  
  <pre><code>&lt;div class="opciones" ng-hide="optionsHide"&gt;
        &lt;div&gt;
          &lt;span class="glyphicon glyphicon-lock icono"&gt;&lt;/span&gt; &lt;span class="optionsLabel"&gt;Encrypt&lt;/span&gt;
        &lt;/div&gt;&lt;br&gt;
        &lt;div ng-click="removeNote()"&gt;
          &lt;span class="glyphicon glyphicon-trash icono"&gt;&lt;/span&gt;&lt;span class="optionsLabel"&gt;&amp;nbspDelete&lt;/span&gt;&lt;br&gt;
        &lt;/div&gt;&lt;br&gt;
        &lt;div&gt;
        &lt;span class="glyphicon glyphicon-wrench icono"&gt;&lt;/span&gt;&lt;span class="optionsLabel"&gt;&amp;nbspOptions&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Currently, I'm only focused on the "removeNote()" function. I've got both angular and node methods ready to test, but I just can't use them since I can't perform the click. </p>
  
  <p>This is the function, inside the working controller:</p>
  
  <pre><code>    $scope.removeNote = function(){
        $http.post('/removeNote', $scope.mainNote).success(function(data){
          console.log("Note removed");
          console.log(data);
          loadNotes();
          }).error(function(err){
            console.log("ERROR ON DELETE");
            console.log(err);
            });
      }
  </code></pre>
  
  <p>Why ng-click does not call this function? Am I missing something?</p>
  
  <p>edit:</p>
  
  <p>Controller declaration:</p>
  
  <p>Upper controller:</p>
  
  <pre><code> app.controller('mainCtrl', ['$scope', '$http', '$filter', 'focus', function($scope, $http, $filter, focus){
  </code></pre>
  
  <p>Inner:</p>
  
  <pre><code>app.controller('contentCtrl', ['$scope', '$q', '$timeout', function($scope, $q, $timeout) {
  </code></pre>
  
  <p>Use:</p>
  
  <pre><code>&lt;body ng-controller="mainCtrl" ng-cloak&gt;
      // Things
       &lt;content ng-controller="contentCtrl"&gt;
       // My contextual menu as shown above
  </code></pre>
  
  <p>Actually, this method is inside another controller (yes, two nested controllers), but the rest of inherited functions work properly; the only one that is not working is this one. Anyways, I keep seeing the normal pointer when I put the mouse on my div/pair of spans, so it's not being applied at all (I can see it in the HTML console tho).</p>