javascript - 如何在一个页面中进行两次Angular的输出

Question

http://jsfiddle.net/pbyhz24k/

var myApp = angular.module('myapp', ['rzModule']);

myApp.controller('TestController', TestController);

function TestController() {
    var vm = this;

    vm.priceSlider = {
        value: 200,
        options: {
            floor: 0,
            ceil: 500
        }
    }
}

我确实需要一个脚本，但我需要其中 2 个 slider 。我怎样才能做到这一点？

Answer 1

您可以创建数据数组

vm.sliders = [
   {
      value: 200,
      options: {
         floor: 0,
         ceil: 500
      }
   },
   {
      value: 200,
      options: {
         floor: 0,
         ceil: 500
      }
   },
   {
      value: 200,
      options: {
         floor: 0,
         ceil: 500
      }
   }
]

并使用ng-repeat在模板中

<rzslider ng-repeat="slide in vm.sliders" rz-slider-model="slide.value" rz-slider-options="slide.options"></rzslider>

我没有测试这个，我不再喜欢 Angular 1，但方法是这样的。