更新 Md-Slider 上的 Min 和 Max 值显示错误信息

Question

我有一个关于 codepen 的非常简单的例子。我有一个 md 滑块，具有绑定的最小值和最大值。我尝试做的下一件事是使用按钮处理程序来更改这些绑定值并更改滑块的当前位置。

//Initial setup
$scope.myslider={};
$scope.myslider.min = 100;
$scope.myslider.max =1000;
$scope.myslider.val = 500;

这是我的处理程序，用于更新最小最大值和选定值的按钮

$scope.buttonhandler = function()
{
$scope.myslider.min =0;
$scope.myslider.max =100;
$scope.myslider.val = 5;
};

当按钮处理程序被触发时，滑块位置在最右边。接近 100%，而不是我预期的 5%。

我的方法codepen 有什么问题吗？

Answer 1

在同一个摘要循环中设置 min、max 和 val 似乎会产生一些奇怪的东西。我认为这可以解决错误：

$scope.myslider.min = 0;
$scope.myslider.max = 100;
$timeout(function() {
  $scope.myslider.val = 5;
}, 0);

这样，首先设置最小值和最大值，然后可以在最小值/最大值范围内应用有效值。

这里是固定的codepen。