我有一个关于代码笔的非常小的例子。我有一个 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%。
我的方法代码笔有问题吗?
在同一摘要周期中设置 min、max 和 val 似乎会产生一些奇怪的东西。我认为这可以解决错误:
$scope.myslider.min = 0;
$scope.myslider.max = 100;
$timeout(function() {
$scope.myslider.val = 5;
}, 0);
这样,首先设置最小值和最大值,然后可以在最小/最大范围内应用有效值。
这是固定的代码笔。