2016-05-12 21 views
0

Ich habe eine Typehead mit der angular-ui-Bibliothek erstellt.TypeAhead mit angular-ui

Mein aktueller typeahead html ist:

<input name="customers" id="customers" type="text" placeholder="enter a customer" ng-model="selectedCustomer" uib-typeahead="customer.firstName for customer in customers | filter: $viewValue | limitTo:8" class="form-control" typeahead-editable="false"> 

Grundsätzlich ist die typeahead Suche funktioniert ok, aber wenn ich den Typ voraus wählen i alle Felder abrufen möchten, die dem Kundendatensatz angebracht sind, wie Name, Adresse usw. Der Typahead wird in die Eigenschaft $ scope.customers in meinem Controller geladen, die über einen Ajax-Aufruf an die API erfolgt, um alle Kunden zu erhalten.

Also auf die Auswahl, wie bekomme ich alle Felder in Bezug auf den ausgewählten Kunden?

Prost

+0

Fragen Sie, wie Sie wissen, wann der Typahead ausgelöst wird oder wie der Ajax-Aufruf ausgeführt wird? Ich denke, ich vermisse die Frage. – Paarth

+0

Nein Ich möchte wissen, wenn ich die Option in der Typeahead auswählen, gibt es einen Kundendatensatz, der verwendet wurde, um die Typehead zu füllen, aber ich zeige nur den Vornamen. Im Grunde auf der Auswahl davon will ich die anderen Eigenschaften wie Nachname usw. bekommen. Hoffnung, die Sinn macht – tjhack

+0

"bekommen sie" wo? – Paarth

Antwort

0

Ändern der UIB-typeahead Attribut:

<input name="customers" id="customers" type="text" placeholder="enter a customer" ng-model="selectedCustomer" uib-typeahead="customer as customer.firstName for customer in customers | filter: $viewValue | limitTo:8" class="form-control" typeahead-editable="false"> 

Dies wird den ausgewählten Kunden an den selectedCustomer ng-Modell festgelegt.