javascript - AngularJS 1.x 选择 MultiSelect 添加新值

Question

我使用 AngularJS 1.x 选择了多选输入。当我向此输入添加新项目时遇到问题。

我按照此网站的说明进行操作:Adding new values to chosen plugin

这很有效，当搜索中没有结果时输入 case 13 (Enter):

    case 13:
 evt.preventDefault();
 if (this.results_showing) {
   if (!this.is_multiple || this.result_highlight) {
     return this.result_select(evt);
   }
   $(this.form_field).append('<option>' + $(evt.target).val() + '</option>');
   $(this.form_field).trigger('chosen:updated');
   this.result_highlight = this.search_results.find('li.active-result').last();
   return this.result_select(evt);
  }
  break;

但它以 JQUERY 方式工作，我在将其放在 Angular 方式上时遇到问题。有谁可以解决这个问题吗？有任何想法吗？

这里有一个 Plunk 可以帮助你们:PLUNKER

非常感谢!

Answer 1

试试这个，效果非常好

ngTagsInput

这是一个示例

   <tags-input 
            replace-spaces-with-dashes='false'
            ng-model="vm.categories"
            placeholder="Add category">
        <auto-complete min-length="1" 
                     source="vm.loadMatchingTags($query)">
        </autocomplete>
   </tags-input>