select2 タグ ドロップダウンを使用しようとしています。
データを送信する API を呼び出します。次のようにselect2にデータを入れます:
AssignmentProvider.getStudentsInCourse(COURSENAME,SEMESTER)
.success(function(data) {
$scope.select2OptionsForGroups = {
'multiple': true,
'simple_tags': true,
'formatResult': formatResult,
'formatSelection': formatResult,
'tags': data
};
})
.error(function(e) {
// TODO: Error handling
console.log("error");
});
データは学生のオブジェクトの配列なので、これでオブジェクト内の名前を取得します。
function formatResult(student) {
return student.id.Student.FullName;
};
ドロップダウンリストから最初の名前を選択するとすべてが完璧に機能しますが、2番目を選択しようとすると、選択するリストに何もないように見えますが、既存の選択を削除するとすべての名前が戻ってきます。
ここで2番目のものを選択していますが、何も起こりません:
そして、これは私が誰も選択していないときです。
クリックすると名前が表示されますが、検索語を入力すると表示されます
Uncaught TypeError: Cannot read property 'FullName' of undefined
更新しました:
ここで何が間違っているのか誰にもわかりません.select2にオブジェクト内の用語を検索するように指示する必要があると思いますが、どうすればよいですか?