javascript - 绑定(bind)到 NG 插件事件？

Question

我正在我的项目中使用这个插件。 https://github.com/rzajac/angularjs-slider

基本上，用户拖动 slider ，我尝试根据客户端的以下内容捕获输入:

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

因此 $scope.slider 保存该值。但是，我想知道用户何时停止拖动 slider ，以便我知道并相应地更新数据库中的值。

根据作者的说法，有一个 SlideEnded 事件，但由于我是 NG 的新手，我真的需要一些有关如何绑定(bind)到此事件的帮助。

谢谢!

Answer 1

只需在 Controller 中添加以下功能即可。

$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”。我们只需要在 Controller 中捕获该事件即可。