ng-repeatでのAngularJS動的データバインディング

Question

ng-repeatオブジェクトに基づいて、データバインドされたオブジェクトの属性を動的に呼び出すことができます。私は簡単なセットアップを作成した、誰かがこれを解決することができますか？

入力は「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

、単なる指標としてアイテムを使用します。

<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' }; 
}