Dynamic creation of ng-model in angularjs

Question

I have property fields that contains string array:

in controller I have:

$scope.data = {};

$scope.fields = [
    "new0.name",
    "new0.type",
    "new0.address",
    "new0.city",
    "new0.postalCode"
];

in view I have:

  <div class="control-group" ng-repeat="f in fields">
    <label class="control-label">Some field name</label>
    <div class="controls">
      <input type="text" name="{{f}}" ng-model="data.f" class="input-xlarge">
    </div>
  </div>

In the ng-repeat, how can I concatenate value of f to the ng-model to get, for example ng-model="data.new0.name"?

Posted a quick answer, was making it way too complicated at first :) — tymeJV
– tymeJV, Commented Nov 21, 2013 at 15:57

tymeJV · Accepted Answer · 2013-11-21 15:57:43Z

2

To reference a property of an object with a variable, use bracket notation

data[f]

edited Nov 21, 2013 at 15:57

answered Nov 21, 2013 at 15:49

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

Dynamic creation of ng-model in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related