title: AngularJS - ng-hide with different ng-controller
body: <p>here is my problem :
  When I double click in a row of an array, I want to make disappear several parts of my page. The problem is...I don't figure out how to do this.</p>
  
  <p>Basically, here is my html file:</p>
  
  <pre><code>&lt;div id="mainWindow" ng-hide="hideAlias" ng-controller="mainWindow"&gt;
  ...
  &lt;div id="table{{workspace.name}}" class="table" ng-controller="table" &gt;
      &lt;table id="mainTable" class="mainTable"&gt;
          &lt;tr class="tableHeader"&gt;
              &lt;th&gt;AA&lt;/th&gt;
              &lt;th&gt;BB&lt;/th&gt;     
              &lt;th&gt;Options&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr class="tableRows" id ="{{row}}" ng-repeat = "row in rowstable"&gt;
              &lt;td ng-dblclick="dblclick()" &gt;{{row.AA}} &lt;/td&gt;
              &lt;td&gt;{{row.server}} &lt;input type="button" ng-click="clickOnDeleteServer(row.BB)" value="X" style="float:right"/&gt;&lt;/td&gt;
              &lt;td&gt;
                  &lt;input type="button" ng-click="clickOnView()" value="View"&gt;&lt;/input&gt;
                  &lt;input type="button" ng-click="clickOnDelete(row.AA)" value="Delete"&gt;&lt;/input&gt;   
              &lt;/td&gt;   
          &lt;/tr&gt;
  
      &lt;/table&gt;
  &lt;/div&gt;
  
  ...
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried to do this, inside the controller "table" :</p>
  
  <pre><code>$scope.dblclick = function(){
      mainWindow.hideAlias=!mainWindow.hideAlias
  }
  </code></pre>
  
  <p>The value of hideAlias change from false to true when I double click, and vice-versa. However, nothing happens on the page (nothing gets hidden)</p>
  
  <p>Any clue ? Thanks a lot</p>
  
  <p>EDIT :</p>
  
  <p>controller definition : 
  function table($scope, $http, $route){</p>