How to add property to object through ng-model in html page in angularjs?

Question

I have a object I have iterated using ng-repeat and while iterating I want to add each field to another object through ng-model.

//html 

<div ng-repeat="field in forms.fields track by $index">
    <span ng-if="field.type=='textbox'">
    <span style="width:115px;text-transform: capitalize" class="col-lg-5">{{field.Name}}</span>
    <input type="text" class="form-control" style="width: 172px;padding-left: 20px;display: inline-block;" ng-class="{mystyle:field.Name.$invalid}" id="inp_{{$index}}" ng-model="inputfields.{{field.Name}}">{{field.Name}}<br>
</span></div>

In the above code i want to assign field.Name as a property to input field which is declared as a $scope.inputfield={} in js file. So i am getting an error as

 Syntax Error: Token '{' invalid key at column 2 of the expression [{{inputfield.field.Name}}] starting at [{inputfield.field.Name}}].

So can anyone solve this please.

Try inputfields[field.Name]

nnattawat
– nnattawat

2015-11-06 04:47:43 +00:00
Commented Nov 6, 2015 at 4:47 — nnattawat
– nnattawat, Commented Nov 6, 2015 at 4:47

Michael Kang · Accepted Answer · 2015-11-06 04:47:52Z

1

try:

ng-model="inputfields[field.Name]"

answered Nov 6, 2015 at 4:47

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

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

Comments

Shushanth Pallegar · Accepted Answer · 2015-11-06 04:50:42Z

1

use with array notation to get the property of the object

ng-model="inputfields[field.Name]"

instead of

ng-model="inputfields.{{field.Name}}"

answered Nov 6, 2015 at 4:50

Shushanth Pallegar

2,8721 gold badge17 silver badges17 bronze badges

Comments

Juned Lanja · Accepted Answer · 2015-11-06 04:52:20Z

1

inputfields.{{field.Name}} is invalid expression assignment.

You can assign fidlename to inputfields using ng-model="inputfields[field.Name]"

for more detail refer this link : https://docs.angularjs.org/error/ngModel/nonassign

answered Nov 6, 2015 at 4:52

Juned Lanja

1,48410 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to add property to object through ng-model in html page in angularjs?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related