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

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值不改变对象的结构，我也无法分离两个滑块，以便它们可以独立更改。

非常感谢。

Answer 1

ngRepeat部分应该只是

ng-model="paramObj.childParam"