javascript - ng-repeat 中的 AngularJS 动态数据绑定(bind)

Question

我想根据 ng-repeat 对象动态调用数据绑定(bind)对象的属性。我创建了一个简单的设置，如果可以这样解决，有人可以解决这个问题吗？

输入应该得到“person.item”的值。例如:person.id -> 100

http://jsfiddle.net/q7gs3njj/

html

<div ng-app ng-controller="TestController">
    <div ng-repeat="item in list">
        <label>{{ item }}:</label>
        <input  type="text"/>
    </div>
    {{list}}
</div>

JavaScript

function TestController($scope) {
    $scope.list = [ 'id', 'name', 'gender' ];

    $person = { id:'100', name:'John', age:'22', gender:'Male' };

}

谢谢!

Answer 1

当然，直接用item做索引即可:

<div ng-app ng-controller="TestController">
    <div ng-repeat="item in list">
        <label>{{ item }}:</label>
        <input  type="text" ng-model="person[item]"/>
    </div>
    {{list}}
</div>

而且这个人必须在范围内:

function TestController($scope) {
    $scope.list = [ 'id', 'name', 'gender' ];
    $scope.person = { id:'100', name:'John', age:'22', gender:'Male' };   
}