Javascript 在angularjs中的ng重复中使用ng模型绑定

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

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

函数MyController（$scope）{
$scope.fields=['name'，'password'，'dob']；
$scope.user1={name:“Shahal”，密码：“secret”}
};


{{field}}


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

{{fields}}

我试图循环遍历这些字段，并为每个字段显示一个输入字段（在范围中可用）。但是绑定是不正确的，因为我试图在ng模型中计算表达式

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

这是我的建议

---

有什么帮助吗？

下面的内容将解决您的问题

函数MyController（$scope）{
$scope.fields=['name'，'password'，'dob']；
$scope.user1={name:“Shahal”，密码：“secret”}
};


{{field}}


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

{{fields}}