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发出一个事件＆＃39; slideEnded＆＃39;当用户停止滑动并离开鼠标时......我们只需要在控制器中捕获该事件。

Answer 2

您可以在html中定义方法：

<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(){}

绑定NG插件事件？

2 个答案: