Angularjs RangeSlider 和复选框答案

【问题标题】：Angularjs RangeSlider and CheckboxAngularjs RangeSlider 和复选框
【发布时间】：2017-11-14 10:34:42
【问题描述】：

我在 Google 上找到了这个示例。

有没有办法从以下属性开始：

  $scope.slider_all_options = {
minValue: 0,
maxValue: 100,
options: {
  floor: 1,
  ceil: 100,
  step: 1,
  precision: 0,
}

};

如果选中复选框，则将 RangeSlider 的 minValue 更改为 1，如果未选中 Checkbox，则将其更改回 0？我暂时无法解决这个问题。

请看一下我的 JSFiddle：

Here is my JSFiddle

【问题讨论】：

您好，不知道有没有理解您的问题...我这样做了，您可以看看是否可以解决您的问题：jsfiddle.net/w3gzfk6q/2
谢谢。这就是我需要的。
不客气。我会发布一个答案，因为这可以帮助其他人。

标签： javascript angularjs checkbox slidetoggle rangeslider

【解决方案1】：

我做了这个JSFiddle，我认为这是你需要的。

只需将模型添加到您的复选框：

<input type="checkbox" ng-click="toggleHighValue()" ng-model="check">

并像这样实现切换功能：

  $scope.toggleHighValue = function() {
  if ($scope.check) {
      $scope.slider_all_options.minValue = 1
    } else {
      $scope.slider_all_options.minValue = 0
    }
  }

【讨论】：