angular using ng-model with expression in ng-repeat

Question

I have to make a form for a multilanguage content management system with angularJS.

my language list is defined like this in the angular scope :

$scope.languages = 
[
 {id:0,'name':'English'},
 {id:1, name:'French'}
  /* ... */
]

in my html I make a form like this :

    <div ng-repeat="lang in languages">
        <label for="titlel{{ lang.id }}">{{ lang.name }}</label>
        <input type="text" class="form-control"  ng-model="editquestion['titlel{{ lang.id}}']" id="titlel{{ lang.id }}" />
    </div>

It's not working properly, the labels are correct , but the ng-model binding don't work , no text added to the text field even if there is data is editquestion.titleX , and when I type some text in the html input field, the typed text is replicated in all fields.

I checked with the inspector and the ng-model attribute looks correct.

screenshots of the issue here

http://accessdev.s3.amazonaws.com/temp/replicated1.PNG

http://accessdev.s3.amazonaws.com/temp/replicated2.PNG

the issue is not present if I make the html code manually , ex :

 <label for="textl0">English</label>
 <textarea class="form-control" ui-tinymce="tinymceOptions" ng-model="editquestion.textl0"></textarea>

 <label for="textl1">French</label>
 <textarea class="form-control" ui-tinymce="tinymceOptions" ng-model="editquestion.textl1"></textarea>

plamut · Accepted Answer · 2015-10-02 13:42:45Z

1

ng-model expects an expression (which is then evaluated in the current scope), it does not work in the same way as e.g. setting an ID for a label. Try changing your input to the following:

<input ... ng-model="editquestion['titlel' + lang.id]" />

answered Oct 2, 2015 at 13:42

plamut

3,20610 gold badges32 silver badges44 bronze badges

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

Collectives™ on Stack Overflow

angular using ng-model with expression in 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