NG Plugin 이벤트에 바인딩 하시겠습니까?

Question

내 프로젝트에서이 플러그인을 사용하고 있습니다. https://github.com/rzajac/angularjs-slider

기본적으로, 사용자가 슬라이더를 드래그하고 나는 내 클라이언트 측에서 다음 사항에 따라 입력 캡처하려고 :

<rzslider rz-slider-floor="0" rz-slider-ceil="100" rz-slider-model="slider" rz-slider-translate="translate"> 
</rzslider> 

그래서 $ scope.slider이 값을 유지합니다. 그러나 사용자가 슬라이더를 드래그하는 것을 멈추었을 때 데이터베이스에서 값을 알고 업데이트하도록 알고 싶습니다.

저자에 따르면 slideEnded 이벤트가 있지만 처음부터 NG이므로이 이벤트에 바인딩하는 방법에 대한 도움을 받고 싶습니다.

감사합니다.

Answer 1

아래의 기능을 컨트롤러에 추가하기 만하면됩니다.

$scope.$on('slideEnded', function() { 

     console.log("slideEnded Event Fired") 
     // You can get slider selected value to your model which you have used in your slider 

}); 

rzslider.js는 우리가 우리의 컨트롤러에서 해당 이벤트를 잡을 필요가 .. 사용자가 슬라이딩 중지하고 마우스 클릭을 떠날 때 이벤트가 'slideEnded'방출한다.

당신은 당신의 HTML의 방법을 정의 할 수 있습니다

Answer 2

: 컨트롤러에서 다음

<rzslider 
     id="rz-slider" 
     rz-slider-floor="0" 
     rz-slider-ceil="periodMax" 
     rz-slider-model="periodSlider" 
     rz-slider-translate="periodTranslate" 
     rz-slider-tpl-url="rzSliderTpl.html" 
     rz-slider-on-end="onSliderEnd()" 
     rz-slider-on-change="onSliderChange()" 
     rz-slider-present-only="false" 
     ></rzslider> 

:

$scope.onSliderChange = function(){} 
    $scope.onSliderEnd = function(){}