Question

我正在开发一个django-tastypie api应用程序，我使用angularjs作为JavaScript框架。我正在做的是我有一个课程对象列表，其中每个课程对象包含一个成绩对象列表，每个成绩对象包含一系列科目。我的数据结构是

{'id':1,
'name':'cbse',
'grades':[{'id':10,
            'name':'matriculation',
            'subjects':[
                        {'id':1,'name':'science'},
                        {'id':2,'name':'Math'},
                        {'id':3,'name':'English'}
                       ]
        }

我正在使用这种数据结构，其中每个对象都携带它的相关对象。我想将这些对象放在选择框中，以便选择一个对象加载选择字段中的其他对象。就好像我从课程中使用cbse一样，所有等级的对象都加载到了成绩选择框中。但问题是当我从课程选择框中选择一个选项时，它变为空我的HTML如下

<label>Select Curriculum</label>
    <select ng-model="qt_curriculumlist" ng-options=" curriculum.name for curriculum in qt_curriculumlist" ng-change="loadGrades()">
</select></br>
<label>Select Grade</label> 
<select ng-model="qt_gradeslist" ng-options="grade.name for grade in qt_gradelist " ng-change="loadSubjects()">
</select>
<label>Select Subject</label>
<select ng-model="qt_syllabuslist" ng-options="subject.name for subject in qt_subject_list" ng-change="loadTopics()">
</select>

第一次将课程正确加载到选项字段，但选择选项后，列表变为空。

Answer 1

那是因为您将ng-model设置为与列表相同。

您应该为模型使用不同的变量。

当我选择一个选项时，angularjs选项列表变空

1 个答案: