【问题标题】:Using AngularJS and Select2使用 AngularJS 和 Select2
【发布时间】:2013-12-07 16:10:33
【问题描述】:

我正在尝试使用 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;
    };

当我从下拉列表中选择第一个名字时,一切都完美无缺,但是当我尝试选择第二个名字时,就像列表中没有可供选择的内容一样,但如果我删除现有的选择,所有名字都会重新出现。

这里我选择了第二个,没有任何反应:

这是我没有选择任何人的时候。

点击时显示名称,但输入搜索词时显示名称

Uncaught TypeError: Cannot read property 'FullName' of undefined 

更新:

有谁知道这里可能出了什么问题,我猜我需要告诉 select2 来搜索对象内的术语,但是如何?

【问题讨论】:

  • 能否提供更多代码,包括选择功能?能不能拼个plnkr来展示一下?
  • 你还想看什么代码,我想我已经发布了所有涉及到的代码。

标签: angularjs angularjs-select2 ui-select2


【解决方案1】:

我最初的猜测是您有一些未定义 Student 的数据条目

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-07-08
    • 2015-02-03
    • 2020-04-14
    • 2013-07-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多