javascript – ng-repeat中的AngularJS动态数据绑定

我想基于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' };

}

谢谢！

解决方法:

当然,只需使用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' };   
}

标签：javascript,angularjs,object,data-binding,ng-repeat
来源： https://codeday.me/bug/20190829/1757479.html