1
<input type="text" 
     class="topic_select" 
     id="selectTopic" 
     ng-model="topicsPopulate" 
     uib-typeahead="topic.name for topic in topics|filter:$viewValue" 
     uib-typeahead-show-hint="true" 
     uib-typeahead-min-length="1" 
     typeahead-on-select="TopicChanged(topicsPopulate)" /> 

Ich mag eigentlich das Thema (ein JSON-Objekt mit vielen Variablen) senden i ausgewählt und nicht die Zeichenfolge (Themennamen), die in topicsPopulate gespeichert ist. Themen ist ein Array von Thema und ein Thema wie folgt aussieht,Senden ausgewählt typeahead Option durch typeahead-on-select

{ 
    id: "12967", 
    name: "ABCD", 
    description: "ABCD" 
} 

Antwort

1

uib-typehead die gleiche Syntax wie Angular ng-options folgt. So ändern Sie einfach Ihre uib-typehead:

uib-typeahead="topic as topic.name for topic in topics|filter:$viewValue" 

Bitte sehen Sie die Plunker.

+0

Danke, das funktioniert perfekt. Anfangs habe ich select mit ng-Optionen verwendet, um dieses Dropdown zu erstellen, musste aber typehead für die Autocomplete-Funktion verwenden. –

+0

@KiranKumar Cool :) –

Verwandte Themen