Angular js:Dynamic values as string in ng-model within ng-repeat

Question

I am generating a form dynamically in my application. The fields of the forms are the column names in the database table.The user of this application will just pass the name of the table and the skeleton for CRUD application will be prepared dynamically.

In the view part I want to achieve something like this

  <div class="form-group" ng-repeat="(key,col) in cols">
    <label for="{{::col}}">{{::col | uppercase | replaceUnderscore}}</label>
    <input class="form-control" type="text"  ng-model="{{::col}}"  required />
</div>

In the ng-model I just need the string value that is, if the column name is Username then model value should be something like ng-model="username" and the value should not be displayed in the form field. So I want to achieve kind of one way data binding.

When you have ng-model="username" is the input value the actual username? i.e. johndoe? — Razvan B.
– Razvan B., Commented Jun 25, 2015 at 10:35
the col array has all the column names i just need to write ng-model="whatever column name". — Nazim
– Nazim, Commented Jun 25, 2015 at 10:42

Giannis · Accepted Answer · 2015-06-25 13:02:57Z

1

Simply use a JS object, for example $scope.data = {}, and then ng-model="data[col]".

answered Jun 25, 2015 at 13:02

Giannis

4866 silver badges8 bronze badges

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

Collectives™ on Stack Overflow

Angular js:Dynamic values as string in ng-model within ng-repeat

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