angularjs - ng-model input as string

Question

In angularjs I have this code:

<input type="text" ng-model="properties.foreground.value">

I want it to be like:

<input type="text" ng-model="properties.{{type}}.value">

I changed a part of the model input to be a string. It does not work. Can it be done some other way?

Try ng-model="properties[type].value">.

Nikos Paraskevopoulos
– Nikos Paraskevopoulos

2014-03-10 15:49:54 +00:00
Commented Mar 10, 2014 at 15:49 — Nikos Paraskevopoulos
– Nikos Paraskevopoulos, Commented Mar 10, 2014 at 15:49

Ed_ · Accepted Answer · 2014-03-10 16:28:39Z

2

You need to use the bracket notation to access the property and not the dot notation. This is because ngModel binds the attirbute to the scope using =, so the value is not interpolated.

<input type="text" ng-model="properties[type].value">

answered Mar 10, 2014 at 16:28

Ed_

19.2k8 gold badges48 silver badges75 bronze badges

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

4 Comments

kilianc Over a year ago

what if it's more dynamic than this, a.b.c.d or a.f.g

Ed_ Over a year ago

Then it would be property[a][b][c]

kilianc Over a year ago

if you look at my example, I have a of b.c.d and a of f.g your answer doesn't work in this case

Ed_ Over a year ago

Open another question and I will answer. It's too difficult in comments.

Collectives™ on Stack Overflow

angularjs - ng-model input as string

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related