ng-model name with variable

Question

I have a dynamic form that receives a array of jsons with the field to be displayed. My problem is in the ng-model and ng-required they are in the array,cant get the value to be in the ng-model name

This is my code:

the form containing the data

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 to display the form fields

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

kulak · Accepted Answer · 2015-12-04 14:34:46Z

2

Replace the

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

with following

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

In JavaScript when you want to use a variable as a dictionary key, you use the [] accessor instead of dot.

answered Dec 4, 2015 at 14:34

kulak

8827 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2954587 · Accepted Answer · 2015-12-04 14:36:10Z

0

for ng-model try ng-model=requestForm[fa.name]

answered Dec 4, 2015 at 14:36

user2954587

4,9097 gold badges54 silver badges107 bronze badges

4 Comments

changez Over a year ago

Doesnt get the variable name, ive tried that. And I need the to be ng-model=requestForm.name

user2954587 Over a year ago

@changez hm, maybe requestForm[{{ fa.name }}]

Wand Maker Over a year ago

Please add some details to your answer so that both OP and future readers can benefit with the rationale behind the suggested solution

changez Over a year ago

@user2954587 Sry it worked using requestForm[fa.name] instead of not appearing in the html when the info arrives into the controller it gets the fields

Collectives™ on Stack Overflow

ng-model name with variable

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related