AngularJS - ng-hide com diferente ng-controller
aqui está o meu problema: quando clico duas vezes em uma linha de uma matriz, desejo fazer desaparecer várias partes da minha página. O problema é que ... eu não sei como fazer isso.
Basicamente, aqui está o meu arquivo html:
<div id="mainWindow" ng-hide="hideAlias" ng-controller="mainWindow">
...
<div id="table{{w,orkspace.name}}" class="table" ng-controller="table" >
<table id="mainTable" class="mainTable">
<tr class="tableHeader">
<th>AA</th>
<th>BB</th>
<th>Options</th>
</tr>
<tr class="tableRows" id ="{{row}}" ng-repeat = "row in rowstable">
<td ng-dblclick="dblclick()" >{{row.AA}} </td>
<td>{{row.server}} <input type="button" ng-click="clickOnDeleteServer(row.BB)" value="X" style="float:right"/></td>
<td>
<input type="button" ng-click="clickOnView()" value="View"></input>
<input type="button" ng-click="clickOnDelete(row.AA)" value="Delete"></input>
</td>
</tr>
</table>
</div>
...
</div>
Eu tentei fazer isso, dentro do controlador "tabela":
$scope.dblclick = function(){
mainWindow.hideAlias=!mainWindow.hideAlias
}
O valor de hideAlias muda de falso para verdadeiro quando clico duas vezes e vice-versa. No entanto, nada acontece na página (nada fica oculto)
Qualquer pista ? Muito obrigado
EDIT:
definição do controlador: tabela de funções ($ scope, $ http, $ route) {