javascript - 将项目添加到 ui-select Angular

Question

我正在使用 angular-ui-select，我有一个问题。如何修改 ui-select 以便可以手动添加项目 - 不仅从 ng-model 中的现有项目中进行选择，还添加新元素。

提前谢谢

Answer 1

最近我想出了一个解决方案。您可以使用 ui-select-choices 中的刷新选项来添加一些逻辑并实现您的目标想要。

<ui-select-choices ...
  refresh=”main.refreshResults($select)” 
  refresh-delay=”0"
>
  <span>{{table.description}}</span>
</ui-select-choices>

然后在 Controller 上

function refreshResults($select){
 var search = $select.search,
   list = angular.copy($select.items), 
   FLAG = -1;

 //remove last user input
 list = list.filter(function(item) { 
   return item.id !== FLAG; 
 });

 if (!search) {
   //use the predefined list
   $select.items = list;
 }
 else {
   //manually add user input and set selection
   var userInputItem = {
     id: FLAG,
     description: search
   };
   $select.items = [userInputItem].concat(list);
   $select.selected = userInputItem;
 }
}

我使用搜索字段($select.search)来实现它以及id和描述的基本对象结构。希望对您有所帮助。

Plunker