Html 如何动态设置ng模型以与对象属性相对应

在某个json文件中，数组中只存在一个对象。但是，此对象具有未知数量的属性

[{"red": 14, "green": 12, "orange": 1, "yellow": 11, "blue": 9}]

该对象称为“项目”。这是我的表格：

<div ng-app="myApp" ng-controller="MainCtrl">
<form class="idea item">
    <div ng-repeat="(key, value) in items[0]" >
        <label>{{key}}</label>
        <input type="range" value="{{value}}" min="0" max="15"/>
    </div>
    <input type="submit" ng-click="save()" />
</form>
</div>

---

就像javascript中的变量键在ng模型中用作

---

演示：

有效，除了

items[0][key]

应该是

items[key]

，因为

ng repeat

已经在items[0]@rosciood中指定了

（key，value）

，所使用的angularjs版本是什么？小提琴似乎工作得很好，我使用的是1.1.1，这可能是我的目的的问题，但是我很高兴它能工作。您是正确的，您提供的jsfiddle确实工作得很好。非常感谢。

$http.put(url, $scope.items);

<input type="range" ng-model="items[0][key]" min="0" max="15"/>