외부 컨트롤러에서 탭을 선택하는 방법

Question

제어문 \ here을 사용하고 있습니다. 그들에 클릭 할 때 부모의 선택 기능을 실행할 수

.controller('TabsetController', ['$scope', function TabsetCtrl($scope) { 
    var ctrl = this, 
     tabs = ctrl.tabs = $scope.tabs = []; 

    ctrl.select = function(selectedTab) { 
    angular.forEach(tabs, function(tab) { 
     if (tab.active && tab !== selectedTab) { 
     tab.active = false; 
     tab.onDeselect(); 
     } 
    }); 
    selectedTab.active = true; 
    selectedTab.onSelect(); 
    }; 

TabSet를 자식 탭 컨트롤 (하위 요소) : 컨트롤은 그 자체가 활성 탭을 설정 컨트롤러를 만듭니다.

.directive('tab', ['$parse', function($parse) { 
    return { 
    require: '^tabset', 
    scope: { 
     onSelect: '&select', 

나는 첫 번째 탭이 활성화 설정 TabsetController에 select 기능을 실행하는 데 필요한 DOM 위쪽으로 내 사용자 정의 컨트롤러를 가지고있다. 나는 이벤트 브로드 캐스팅을 사용할 수 있다고 읽었지만 TabsetController을 수정하여 이벤트 리스너를 바인드 할 수 없으므로 이것이 가능한 옵션이 아닌 것 같습니다. 어떤 제안?

편집 :

더 나은 이해를 위해 Plunker를 참조하십시오 - here.

Answer 1

"상위"컨트롤러 내에서 범위 특성을 선언 할 수 있으며 하위 컨트롤러에서 액세스 할 수 있습니다. AngularJS - Access to child scope은 MainController에 scope.tabs을 MainController는 부모 요소에 설정되어있는 동안 TabsetController이 아이 DOM 요소에 설정되어 있기 때문에

, 사용자가 정의 할 수 있으며 $ 조작, 그리고 볼과 TabsetController에서 해석하여됩니다 참조하십시오.