Question

我正在研究角度滑块上的一个简单小部件。我使用角度滑块库。我的核心思想非常简单。我有一个范围在0到1000之间的栏。还有两个输入字段。

第一个字段跟踪滑块并显示它的值，例如100,50,950等。

第二个字段显示滑块的值，并将其乘以10。例如，滑块上的值为100，因此第二个字段将显示1000。

一切正常，但第二个字段的值不会动态变化。只有当我删除之前的值时才会改变。

我在滑块上使用了ng-change，但它不起作用。

也许有人一直在研究角度滑块并做了类似的事情。

任何帮助将不胜感激

＆＃13;

(function() {
  angular
    .module('rzSliderDemo', ['rzModule', 'ui.bootstrap'])
    .controller('MainCtrl', MainCtrl);

  function MainCtrl() {
    var vm = this;

    vm.fisrtValue = 1000;
    vm.multiply = multiply;
    vm.sum = 0;

    function multiply() {
      vm.sum = vm.fisrtValue * 10;
    };

    multiply();
  }

})();

＆＃13;

<article>
  <h2>Simple slider</h2>
  <h2>Your Value is <i>{{vm.fisrtValue}}</i></h2>
  <input ng-model="vm.fisrtValue" ng-change="vm.multiply()" />
  <input ng-model="vm.sum" ng-change="vm.multiply()" />
  <h2>Value multiply 10 times <i>{{vm.sum}}</i></h2>
  <rzslider rz-slider-model="vm.fisrtValue" ng-change="vm.multiply()"></rzslider>
</article>

＆＃13;

角度滑块动态更改值

0 个答案: