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

Question

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

HTML

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

Angular 代码

    $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];

    }
}

如您所见，我在我的 HTML 中设置了 kendo-range-slider="fbaSlider"，因此我在我的范围内有一个对 Slider 对象的引用，我可以将其作为 访问$scope.fbaSlider

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

我尝试了类似 $scope.fbaSlider.options.selectionStart=0 的方法。但这没有用。我究竟做错了什么。如果需要任何其他信息，请告诉我。

感谢您的宝贵时间。

Answer 1

您可以使用值或值方法。

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

或

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