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

Question

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

<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>

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

基本上，我试图显示 3 个输入字段（名称、密码、dob），并将对象 user1 附加到相应的字段。

这是小提琴

有什么帮助吗？

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>