AngularJS - ng-hide with different ng-controller

Question

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.

<

Answer 1

You can achieve this in simple way.

In your case controller, mainWindow is the parent controller and controller, table is the child controller.

Create an object for the parent controller and access or change the value from child controller on double click event.

var app = angular.module('myapp',[]);
app.controller('mainWindow',function($scope){
    $scope.parentobj = {};
    $scope.parentobj.hideAlias = false;
});
app.controller('table',function($scope){
    $scope.dblclicktest=function()
    {
        $scope.parentobj.hideAlias=true;
    }
});

and use the parent object scope in html to hide Div

Here is the JSFiddle

In the JSFiddle, double click on AA will hide the div.