2014-05-09 6 views
1

나는이 https://github.com/prajwalkman/angular-slider을 사용 중이고 지시어에 내장 된 것처럼 보이는 슬라이더 이벤트 onStartonMove을 바인딩하려고합니다.각도 지시문에서 이벤트 바인딩하기

모듈에 대한 HTML은

<slider floor="0" ceiling="100" step="1" precision="1" ng-model="playhead" id="seekBar"></slider> 

만 내 컨트롤러에서 이벤트를 사용할 수 있어야합니다. 나는 시도 :

seekBar.addEventListener('onMove', function(event){...});

을하지만 어떤 행운을하지 않았다. 아무도 내 컨트롤러에서 이러한 이벤트를 사용하는 방법을 설명 할 수 있습니까?

// emit 'onMove' up the scope chain 
scope.$emit('move'); 

그런 다음 컨트롤러의 범위를 가정하면 지시어의 부모 : 당신이 지시어의 소스를 편집 기꺼이 때문에

+1

그가 그 사건에 묶는 방법을 제공 한 것을 어디서 볼 수 있습니까? – Nick

+0

왜 onMove 이벤트에 바인딩하는 대신 NG 모델 값을 사용하지 마십시오? –

+0

거기에 링크 된 버전은 사용 중지 된 것으로 명확하게 표시되어 있습니다. 나는 이것을 체크 할 것이다 : [https://github.com/venturocket/angular-slider](https://github.com/venturocket/angular-slider). 그러나 어떤 페이지에서 onMove 또는 onStart에 대한 사용자 정의 이벤트 처리기를 정의 할 수 있다고 말하는 설명서는 없습니다. – Nick

답변

1

, 당신은 당신의 자신의 각도 $가 자체 내장 onMove 핸들러 내부에서 방출 삽입 할 수

$scope.$on('move', function(){ 
    console.log("move fired"); 
}); 

Plunker demo

당신은을 고려해 볼 수 있습니다 : 당신은 단지 컨트롤러에 다음을 삽입 할 수 있습니다이벤트에 대한 과도한 응답을 피하기 위해 비트를 처리하는 이벤트 - 사용자에게 유용한 지 여부는 현재 수행중인 작업에 따라 다릅니다.

+1

다시 감사합니다. Marc – Ronnie

관련 문제