ng带有变量的模型名称

ng-model name with variable

本文关键字：模型 变量 ng      更新时间：2023-09-26

我有一个动态表单，它接收一个带有要显示的字段的json数组。我的问题是在ng-model和ng中需要它们在数组中，无法获得ng-model名称中的值

这是我的代码：

包含数据的表单

form_array : [
    {label: "Responsable", name: "dynamic", required: true},
    {label: "Username", name: "user1", required: true},
    {label: "Number", name: "user2", required: false},
    {label: "Age", name: "user3", required: false}
]

html显示表单字段

 <form name="form" class="form-submit">
    <div class="form-group">
        <div ng-repeat="fa in form_array ">
        <label>{{fa.label}} {{fa.name}} {{fa.required}}</label> <input class="form-control" type="text" 
            ng-model="requestForm.{{fa.name}}" ng-required={{fa.required}}></div>
    </div>
    <button id="resetbtn" class="btn btn-primary" type="reset" value="Reset">Limpar</button>
    <button id="sendReport" class="btn btn-primary" ng-disabled="requestForm.$invalid"
            ng-click="send(form)">

更换

ng-model="requestForm.{{fa.name}}"

具有以下

ng-model="requestForm[fa.name]"

在JavaScript中，当您想将变量用作字典键时，可以使用[]访问器而不是点。

对于ng-model，请尝试ng-model=requestForm[fa.name]

相关文章：