Question

我在Angular 4中使用滑块。下面是我在HTML中的代码：

  <div oninput="range1value.value = range1.valueAsNumber" id="range">
                    Actual/Optimised
                    <input name="range1" type="range" step="1" min="1" max="3" value="1" (onRangeChanged)="onRangeChange"> Adjusted
                    </div>

我希望滑块在最大范围内触发函数Max（），并且我希望它在最小范围内时触发单独的函数Min（）。请帮忙。

此致

NEHA

Answer 1

你可以通过在组件中创建一个函数来实现这一点。

<强>组件

在下面的功能中，您可以随心所欲。

  onChangeRange(rangeValue: any){
    console.log(rangeValue);
    if(rangeValue == 1){
       //do something
     }else if(rangeValue == 3){
       //do something else
     }else{
       //do something else
     }
  }

<强> HTML

<input name="range1" type="range" step="1" min="1" max="3" [(ngModel)]="rangeValue" (change)="onChangeRange(rangeValue)"> Adjusted

<强>解释

rangeValue ：这包含范围的值。

onChangeRange ：这是一个在您更改范围时会调用的函数。

Angular4：滑块更改应触发单独范围值的单独函数

1 个答案: