Javascript ng模型为空或小于最小值时，Angularjs价格滑块超出范围

我的页面上有一个rz滑块。它用于从用户处获取产品的价格。与滑块一起，我有两个输入字段，用于存储最小值和最大值。最小和最大输入字段的ng模型分别与rz滑块模型和rz滑块高相同

问题是，当我将“最小”或“最大”输入字段更改为0时，滑块将超出范围。有没有办法将滑块限制在指定范围内

请参见我的Plunk

您可以使用angularjs的ng change指令来验证最小值和最大值

控制器：

此选项不允许文本设置值为3000，因为当用户编辑输入框时，调用ng change函数，如果值不在范围内，则设置为默认值

查看详细信息

其他选择

使用ng blur，但ng blur的问题是，如果用户输入0，则允许设置该值，如果输入不在有效范围内，则在发生模糊事件时将该值设置为默认值

---

根据需要选择合适的。

谢谢您的回复。在这种情况下，我无法更改输入框中的值。我需要的是，我想改变输入框，但滑块不应该超出范围。

<input type="number" min="1000" max="5000" ng-model= "priceSlider.min"> to
    <input type="number" min="1000" max="5000" ng-model= "priceSlider.max">
    <rzslider
        rz-slider-floor="priceSlider.floor"
        rz-slider-ceil="priceSlider.ceil"
        rz-slider-model="priceSlider.min"
        rz-slider-high="priceSlider.max"
        rz-slider-step="{{priceSlider.step}}"></rzslider>

<input type="number" min="1000" max="5000" ng-change="checkMin()" ng-model= "priceSlider.min"> to
<input type="number" min="1000" max="5000" ng-change="checkMax()" ng-model= "priceSlider.max">

$scope.checkMin = function() {
    if (typeof $scope.priceSlider.min === 'undefined' || $scope.priceSlider.min < 1000 || $scope.priceSlider.min > 5000) {
      $scope.priceSlider.min = 1000;
    }
  }
  $scope.checkMax = function() {
    if (typeof $scope.priceSlider.max === 'undefined' || $scope.priceSlider.max < 1000 || $scope.priceSlider.max > 5000) {
      $scope.priceSlider.max = 5000;
    }
  }