AngularJs动态模型生成

Question

我正在尝试使我的ng模型动态化，当我只使用一个级别对象ng-model="data[question.option_group_id]"时，它可以正常工作。但是当尝试使用2级对象结构ng-model="data[page.id][question.option_group_id]"时，它会给出错误： TypeError：无法设置未定义的属性“10”。

<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>

任何想法如何解决这个问题？

Answer 1

问题是data[page.id][question.option_group_id]。除非您先定义data[page.id]，否则这将抛出您看到的错误。只有在定义了data[page.id][question.option_group_id]后，您才能导航到data[page.id]。