Javascript 当我选择一个选项时,angularjs选项列表变为空
我正在开发一个django tastypie api应用程序,其中我使用angularjs作为JavaScript框架。我正在做的是我有一个课程对象列表,其中每个课程对象包含一个年级对象列表,每个年级对象包含一个科目列表。我的数据结构如下Javascript 当我选择一个选项时,angularjs选项列表变为空,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,我正在开发一个django tastypie api应用程序,其中我使用angularjs作为JavaScript框架。我正在做的是我有一个课程对象列表,其中每个课程对象包含一个年级对象列表,每个年级对象包含一个科目列表。我的数据结构如下 {'id':1, 'name':'cbse', 'grades':[{'id':10, 'name':'matriculation', 'subjects':[ {
{'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>
选择课程
选择等级
选择主题
第一次将课程正确加载到选项字段,但在选择选项列表后变为空。这是因为您将
ng型号设置为与列表相同
您应该为模型使用不同的变量。这是因为您将ng模型设置为与列表相同
您应该为模型使用不同的变量。哦,是的,它工作正常。谢谢。我刚开始使用angularjs。学习angularjs的新知识。哦,是的,它很好用。谢谢。我刚开始使用angularjs。学习关于angularjs的新知识。