AngularJS 1.x gewählt MultiSelect ADD Neue Werte

Question

Ich habe einen ausgewählten Multi Select Eingang mit AngularJS 1.x. und ich habe ein Problem, wenn ich neue Einträge zu diesem Eingang hinzufügen.

folgte ich diese Anleitung dieser Website: Adding new values to chosen plugin

Dieses gut funktioniert, für den Fall, setzen 13 (Enter), wenn es keine Ergebnisse auf der Suche ist:

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; 

Aber es funktioniert in JQUERY Weise, und ich habe Probleme, es auf den Winkelweg zu setzen. Es gibt jemanden, der das lösen kann? Irgendwelche Ideen?

Hier ist ein Plunk euch helfen: PLUNKER

Vielen Dank!

Answer 1

versuchen diese, wirkt wie ein Zauber

ngTagsInput

Hier eine Probe

<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>