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

时间:2016-02-14 17:10:41

标签: javascript angularjs ionic-framework

我使用一系列范围输入来调整$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值,我也无法将两个滑块分开,因此可以单独更改它们。

非常感谢。

1 个答案:

答案 0 :(得分:1)

ngRepeat部分应该只是

ng-model="paramObj.childParam"