Проблемы с обновлением углового обзора с помощью другого контроллера

Question

В приведенном ниже разделе у меня есть sidenav и раздел основного контента. Я пытаюсь вызвать функцию sidenav от основного контроллера, поэтому число обрывается в сидене. Что я здесь делаю неправильно?

Это мой взгляд.

<div>Teams {{ teams.length }} </div> 

Это мой боковой панели контроллера:

angular.module('myApp').controller('leftNav', function($scope, myFactory) { 
    myFactory.getTeams().then(function(res) { 
    $scope.teams = res.data; 
    }) 

Это моя фабрика

angular.module('myApp').factory('myFactory', function($http) { 

    return { 
    getTeams : function() { 
     return $http.get('/teams').then(function(res) { 
     return res; 
     }); 
    } 
    }; 
}); 

Это совершенно иной контроллер:

angular.module('myApp').controller('main', function($scope,$http, myFactory) { 
    $http.post(...blablabl..).then(function() { 
     // What can i call here to update the sidenav above? 
    }); 
}); 

Answer 1

Вы можете использовать $controller сервис для вызова контроллера leftNav из главного контроллера, как показано ниже

angular.module('myApp').controller('main', function($scope,$http, myFactory,$controller) { 
    $http.post(...blablabl..).then(function() { 
     var leftCTRL= $controller('leftNav', { $scope: $scope.$new() }); 
    }); 
}); 

Answer 2

вы можете попробовать так:

angular.module('myApp').controller('leftNav', function($scope, myFactory) { 
    myFactory.getTeams().then(function(res) { 
    this.teams = res.data; 
}) 



angular.module('myApp').controller('main', function($scope,$http, $controller) { 
     var leftNav= $controller('leftNav'); 

    $http.post(...blablabl..).then(function(res) { 
     leftNav.teams = res.data; 
    }); 
});