javascript - 在angularjs中的ng-repeat中使用ng-model进行绑定(bind)

Question

我正在尝试将模型“用户”绑定(bind)到输入字段列表。我事先不知道这些字段，所以我必须编写一个通用代码来根据字段设置表单。

<script>
    function MyController($scope){
        $scope.fields  = ['name','password','dob'];
        $scope.user1 = {name:"Shahal",password:"secret"}
    };
</script>
<div ng-app ng-controller="MyController">
    <ul>
        <li ng-repeat="field in fields">
            <label>{{field}}</label><input type="text" ng-model="user1.{{field}}">
        </li>
    </ul>
    <pre>{{fields}}</pre>
</div>

我正在尝试遍历字段并为每个字段显示一个输入字段(在范围内可用)。但是绑定(bind)不正确，因为我正在尝试评估 ng-model 中的表达式。

基本上，我试图显示 3 个输入字段(名称、密码、出生日期)，并将对象 user1 附加到相应的字段。

这是 fiddle

有什么帮助吗？

Answer 1

下面会解决你的问题

<script>
    function MyController($scope){
        $scope.fields  = ['name','password','dob'];
        $scope.user1 = {name:"Shahal",password:"secret"}
    };
</script>
<div ng-app ng-controller="MyController">
    <ul>
        <li ng-repeat="field in fields">
            <label>{{field}}</label><input type="text" ng-model="user1[field]">
        </li>
    </ul>
    <pre>{{fields}}</pre>
</div>