如何将 kendo.ui.RangeSlider 重置为初始值？

Question

我已经实现了kendo.ui.RangeSlider. 下面是我的代码。

HTML

 <div kendo-range-slider="fbaSlider" k-options="fba">

角度代码

    $scope.fbaStart = 0;
    $scope.fbaEnd = 0;
    $scope.fba = {

    min: 0,
    max: 18,
    smallStep: 1,
    largeStep: 2,
    tickPlacement: "both",
    change: function (e) {
        $scope.fbaStart = e.value[0];
        $scope.fbaEnd = e.value[1];

    }
}

如您所见，我已kendo-range-slider="fbaSlider"在 HTML 中进行了设置，因此我在范围内引用了 Slider 对象，并且可以将其访问为$scope.fbaSlider

我想要的是在页面上有一个按钮，点击它时我想将滑块重置到其初始位置。

我试过类似的东西$scope.fbaSlider.options.selectionStart=0。但这不起作用。我究竟做错了什么。如果需要任何其他信息，请告诉我。

谢谢你的时间。

Answer 1

您可以使用 value 或 values 方法。

$scope.fbaSlider.value([0,18]);

或者

$scope.fbaSlider.values(0,18);