javascript - ui-select 如何在多选下拉列表中从文本中添加新选项

Question

我想添加由服务器的角度资源检索到的动态选项，但如果有人想添加服务器预先输入响应中不存在的新选项，那么我想允许用户输入该文本并将该文本发送回服务器

我有这个 plunkr，它使用 angularjs ui-select 从下拉列表中添加多个选项，无论是对象还是字符串

http://plnkr.co/edit/juqoNOt1z1Gb349XabQ2?p=preview

但是如何修改它以接受下拉菜单中不存在的选项？

我从这样的服务器获取数据 -

var labels = Discussion.get({id:Auth.getCurrentUser()._id},function(){
        for(var i=0;i<labels.labels.length;i++){
            $scope.labels.push({name:labels.labels[i], filter: labels.labels[i].toLowerCase(),color: '#ccc'});
        }
    });

Answer 1

使用 ui-select 无法实现这一点。一个不错的选择是使用 angular bootstraps 的 type-ahead。这是链接https://angular-ui.github.io/bootstrap/#/typeahead