Question

我有一个滑块，每端都有一个标签。是否可以将滑块的值设为文本/标签？

<label for="good">Good</label>
<label for="bad">Bad</label>
<input id="slider" type="range" class="slider" min="1" max="100"/>

我知道可以这样做：

if(value less than certain amount)
{
   variable = "bad";
}

但这意味着我会有多个这样的陈述。有没有更简单的方法呢？

Answer 1

我会做这样的事情：

var app = angular.module('demoApp', []);

app.controller('demoCtrl', function($scope){
  $scope.getText = function(){
    if($scope.slider > 50){
      return "Good";
    } else {
      return "Bad";
    }
  }
});

在视图中以插值大括号调用此函数：

  <span>{{slider}}</span>
  <input ng-model="slider" type="range" min="1" max="100"/>
  <label>{{getText()}}</label>

getText函数将根据slider值返回Bad或Good。

<强> DEMO

获取范围输入滑块的值作为字符串值

1 个答案: