Angular 지시어에 수신기를 추가하려면 어떻게해야합니까?

Question

Google 차트를 작성하는 지시문이 있습니다. 지시문이 차트에서 이벤트를 받으면 컨트롤러의 범위에서 이벤트 처리기를 트리거하고 싶습니다.

샘플 : 내 마크 업 http://plnkr.co/edit/yn4KuQfrYvlQNbPSWk3Q?p=preview

: 내 지시에

<div column-chart="chartData" row-selected="rowSelected(index)"></div> 

:

$scope.rowSelected = function (index) { 
    console.log('controller#rowSelected', index); 
    // the function I want to ultimately be called 
}; 

내가 1로이 작업을 수행 할 수 있습니다 내 컨트롤러에서

google.visualization.events.addListener(chart, 'select', function() { 
    console.log('directive#select', chart.getSelection()); 
    // call the function defined in the markup for "row-selected" 
}); 

지령? 차트 지시문에서 행 선택 지시문을 알 수 있습니까? 도와 주시면 감사하겠습니다.

Answer 1

당신은 당신이 이을 rowSelected하지 하드 코드 당신이 좀 더 유연하게하는 속성을 통해 그것을에서 통과 할 수 원하는 경우 범위 기능에 대한 액세스

google.visualization.events.addListener(chart, 'select', function() { 
    console.log('directive#select', chart.getSelection()); 
    scope.rowSelected(chart.getSelection().row) 
}); 

을 rowSelected 있습니다.

Answer 2

범위를 변경하려는 각도 범위 밖에있는 코드가있을 때마다 $apply을 사용하여 각도를 지정해야합니다.

google.visualization.events.addListener(chart, 'select', function() { 
    scope.$apply(function(){ 
     scope.rowSelected=chart.getSelection() 
    }) 

}); 

DEMO