Javascript 动态更改html标记中ng模型的名称

我想动态更改每个输入标记的ng模型名称（在html输入标记中）。例如，如果我的json文件如下所示：

[{cows: 0, pigs: 14, roosters: 2, horses: 23, goats: 21}]

我正在使用ng repeat遍历json对象（“items”）的属性，我应该为ng model=“？？”输入什么以将特定输入与特定对象属性（animal）绑定

{{key}}

如果我在不使用ng repeat的情况下静态地写出它，那么输入将如下所示：

<input type="range" value="{{value}}" min="0" max="4" ng-model="items[0].cows" />
<input type="range" value="{{value}}" min="0" max="4" ng-model="items[0].pigs" />
<input type="range" value="{{value}}" min="0" max="4" ng-model="items[0].roosters" />
<input type="range" value="{{value}}" min="0" max="4" ng-model="items[0].horses" />
<input type="range" value="{{value}}" min="0" max="4" ng-model="items[0].goats" />

---

但是，我希望这是动态的，因为我不知道应该使用什么属性名。

只需使用关联索引：

<input type="range" value="{{value}}" min="0" max="4" ng-model="items[0][key]" />

您可以利用这一点，因为您知道中继器中的

键

<input type="range" value="{{value}}" min="0" max="4" ng-model="items[0][key]" />

item[0].pigs
item[0]['pigs']