AngularJS bind to dynamic model name

Question

I have a generic JSON structure like this

{
 "parameters":
              [
                {
                  "key":"fieldName","posibleValues":["Val1,"Val2"],
                  "key":"anotherField","posibleValues":["ValA,"ValB"]
                }
              ]
 }

No I want to do something like this:

<div ng-repeat="parameter in parameters">
  <ng-form name="paramForm">
    {{parameter.key}}: <select ng-model="request.parameter.{parameter.key}" ng-option="..." />    
  </ng-form>


</div>

The problems comes with the

select ng-model="request.parameter.{parameter.key}"

So I want to setup a model that is named like "request.parameter.fieldName" (according to the "key" in the JSON structure.

Is this possible? Or do I have to help myself with a ng-change?

Thanks

Ok, just found out myself: stackoverflow.com/questions/12553617/… — Soccertrash
– Soccertrash, Commented Feb 6, 2013 at 12:22

Jonatas Walker · Accepted Answer · 2015-12-02 17:45:45Z

4

If someone is looking for anything in this way, you can use the following syntax:

request.parameter[parameter.key]

edited Dec 2, 2015 at 17:45

Jonatas Walker

14.2k6 gold badges57 silver badges82 bronze badges

answered May 19, 2014 at 14:26

Nico

2632 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

AngularJS bind to dynamic model name

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related