Question

我有一个看起来像这样的输入，它连接到一个每秒增加值的控制器。如果我将值设置为数字，页面将在加载时反映出来，但它不会反映动态变化。我是否必须使用ng-model来动态更改值？解决这个问题的最佳方法是什么？

    <div class="range">
        <input type="range" min="0" max="100" value={{getSeconds()}}">
    </div>

Answer 1

您可以尝试使用$interval来更新模型值吗？您也可以按cancel()取消间隔。

Answer 2

使用作用域函数绑定任何内容时，调用angular不能对其进行监视，因此不会更新该值。您必须将其更改为属性并使用ng-model进行设置，并使用angular $interval更新属性值，并以毫秒为单位传递所需的时间间隔。

HTML

<input id="range" type="range" min="0" max="100" ng-model="counter" />

JS

  $scope.counter = 0;
  $interval(function () {
    $scope.counter++;
  }, 1000);