更新Md-Slider上的最小值和最大值顯示錯誤的信息

Question

我在codepen上有一個非常簡單的例子。我有一個md-slider，帶有最小值和最大值。我試圖做的下一件事是使用按鈕處理程序來更改這些綁定值，並更改滑塊當前位置。

//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。