javascript - AngularJS - 異なる ng-controller を使用した ng-hide

Question

ここに私の問題があります：配列の行をダブルクリックすると、ページのいくつかの部分を消したいです。問題は...これを行う方法がわかりません。

基本的に、ここに私のhtmlファイルがあります：

<div id="mainWindow" ng-hide="hideAlias" ng-controller="mainWindow">
...
<div id="table{{workspace.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>

コントローラーの「テーブル」内でこれを実行しようとしました：

$scope.dblclick = function(){
    mainWindow.hideAlias=!mainWindow.hideAlias
}

ダブルクリックすると、hideAlias の値が false から true に変わり、その逆も同様です。ただし、ページ上では何も起こりません (何も隠されません)。

どんな手掛かり ？どうもありがとう

編集 ：

コントローラーの定義: 関数テーブル($scope, $http, $route){