javascript - ng-repeat 中的多个 rzslider

Question

在 ng-repeat 中，我需要有多个彼此不依赖的“rzslider”。

如果我有多个滑块，则更改一个滑块会更改另一个滑块值。我怎样才能让多个滑块不相互依赖？

标签： javascriptangularjs

Answer 1

你可以使用这样的东西：

• lightData : 对象数组

          <div ng-repeat = "light in lightsData track by $index">
               <div class="source-header">
                   <input type="checkbox" id="{light_$index}" style="opacity: 1;" class="checkbox" ng-change="update()"  ng-model="light.nativeLightObject.visible">
                   <label for="{light_$index}" class="source-name">{{light.name}}</label>
               </div>
               <rzslider class="lsslider" rz-slider-model="light.nativeLightObject.intensity" rz-slider-options="option"></rzslider>       
               <div class="col-md-12 divider"></div>
           </div>