AngularJs dynamic model generation

Question

I am trying to make my ng-model dynamic, when i use only one level object ng-model="data[question.option_group_id]" it works fine. However when try to use 2 level object structure ng-model="data[page.id][question.option_group_id]" it gives me error: TypeError: Cannot set property '10' of undefined.

<div class="radio" ng-repeat="option in question.option_group.option_choices">
    <label>
        <input type="radio" ng-model="data[page.id][question.option_group_id]" value="{{ option.id }}" name="{{ question.option_group_id }}">
        {{ option.name }}
    </label>
</div>

Any ideas how can this be solved ?

Could you create a fiddle/plunker to see how it is defined in your scope please? — glepretre
– glepretre, Commented Feb 10, 2014 at 10:47

RaviH · Accepted Answer · 2014-02-10 10:30:39Z

1

Problem is data[page.id][question.option_group_id]. This will throw the error you are seeing unless you define data[page.id] first. You can navigate to data[page.id][question.option_group_id] only if data[page.id] has been defined.

answered Feb 10, 2014 at 10:30

RaviH

3,5942 gold badges17 silver badges14 bronze badges

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

4 Comments

sarunast Over a year ago

I see, is there a way to define data[page.id] it in the view ?

RaviH Over a year ago

You cannot define data[page.id] in the view. You have to do it in the controller.

sarunast Over a year ago

Yes that's what I did eventually. Thanks for help.

Chandermani Over a year ago

I think you can try <div class="radio" ng-repeat="option in question.option_group.option_choices" ng-init='data[page.id]={}'>

Collectives™ on Stack Overflow

AngularJs dynamic model generation

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related