重复离子范围输入的去冲突ng模型

deconflict ng-model for repeated ionic range input

本文关键字：冲突 ng 模型 输入 范围      更新时间：2023-09-26

我正在使用一系列范围输入来调整$scope中对象的值。虽然我的对象可能不是最好的结构，但它是我继承的并且必须使用它，因为目前有一个应用程序将其作为一种格式。

这是一个代码笔。

我的对象结构如下：

{
    "exerciseID": "442",
    "exerciseName": "4 Point Kneeling Lumbar Flexion",
    "Params": [{
      "childParam": "",
      "param": "Reps"
    }, {
      "childParam": "",
      "param": "Sets"
    }]
  }

我的范围输入是这样的：

  <div ng-repeat="paramObj in activeExercise.Params track by $index">
    <div class="item item-divider">
      {{paramObj.param}}: {{activeExercise.paramters.paramObj.childParam}}
    </div>
    <div class="item range">
      <i class="icon orange" ng-class="paramClass(paramObj.param)"></i>
      <input type="range" name="parameter" min="0" ng-model="activeExercise.paramters.paramObj.childParam"  max="100" value="0">
      <i class="icon"></i>
    </div>
  </div>

无论使用什么ng-model我发现我无法在不更改对象结构的情况下更新childParam值，我也无法分离两个滑块以便可以独立更改它们。

非常感谢。

ngRepeat部分应该只是

ng-model="paramObj.childParam"
相关文章：