1

私はJavaScriptフレームワークとしてangularjsを使用しているdjango-tastypie apiアプリケーションに取り組んでいます。私がやっていることは、各カリキュラムオブジェクトに成績オブジェクトのリストが含まれ、各成績オブジェクトに科目。私のデータ構造は 

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

各オブジェクトが関連するオブジェクトを運ぶこのデータ構造を使用しています。これらのオブジェクトを選択ボックスに配置して、1 つのオブジェクトを選択すると、選択フィールドに他のオブジェクトが読み込まれるようにします。まるでカリキュラムの 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>

初めてカリキュラムがオプション フィールドに正しくロードされましたが、オプション リストを選択すると空になります。

4

1 に答える 1

8

ng-modelこれは、リストと同じものを設定したためです。

モデルには別の変数を使用する必要があります。

于 2013-11-13T06:20:11.333 に答える