用於重複離子範圍輸入的去衝突模型

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"