javascript - 消除重复 ionic 范围输入的 ng 模型冲突

Question

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

这是一个codepen 。

我的对象的结构如下:

{
    "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值，我也无法将两者分开 slider ，以便可以独立更改它们。

非常感谢。

Answer 1

ngRepeat 部分应该只是

ng-model="paramObj.childParam"