AngularJS 1.x选择MultiSelect添加新值

时间:2017-06-30 12:12:22

标签: javascript jquery angularjs jquery-chosen angular-chosen

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

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

这很有效,如果搜索中没有结果,则输入案例13(回车):

    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 Way上时遇到了问题。有谁可以解决这个问题?有任何想法吗?

这是一个帮助你们的Plunk:PLUNKER

非常感谢!

1 个答案:

答案 0 :(得分: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>