angularjs: How can I use ng-model dynamic in ng-repeat?

Question

I am trying to use dynamic ng-model for multilingual data entry. Here is my tabset:

<tabset> <tab ng-repeat="language in languages" heading="{{language}}"> <input type="text" data-ng-model="name[language]" id="name[language]" class="form-control" > </tab> </tabset>

But it gives error. How can I use it?

Here is the plunker:

Plunker Code

Is data-ng-model an angular directive? I thought all angular directives were prefixed with ng? Wouldn't it just be ng-model? — pje
– pje, Commented May 5, 2014 at 21:05
@pje, the data- is an html5 prefix for attributes. developer.mozilla.org/en-US/docs/Web/Guide/HTML/… — EnigmaRM
– EnigmaRM, Commented May 5, 2014 at 21:22

Kludge · Accepted Answer · 2014-05-05 22:56:35Z

2

What about declaring $scope.name as an empty object? It seems like it makes the error disappear.

edited May 5, 2014 at 22:56

answered May 5, 2014 at 22:50

Kludge

2,8554 gold badges26 silver badges47 bronze badges

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

Comments

Jyoti Kumari · Accepted Answer · 2014-05-06 07:22:48Z

You can declare an empty array in your controller as:

$scope.value=[];

In your html page you can write this:

<tabset> <tab ng-repeat="language in languages" heading="{{language}}"> <input type="text" data-ng-model=value[$index] id="value[$index]" class="form-control" > </tab>

Collectives™ on Stack Overflow

angularjs: How can I use ng-model dynamic in ng-repeat?

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related