Das Textfeld funktioniert nicht richtig, wenn ich das typeahead-Attribut verwende

Question

Ich verwende typeahead in meinem angularjs-Projekt.

Ich habe diese Werte in Textbox mit typeahead Attributen angezeigt werden:

$scope.cities = [{id:1,address:'Berlin'}, 
        {id:2,address:'Bonn'}, 
        {id:3,address:'London'}, 
        {id:4,address:'Miami'}]; 

Und hier ist Texteingabefeld mit typeahead Attribute:

<input type="text" 
ng-model="city" 
ng-model="initFoo(1)" 
uib-typeahead="city as city.address for city in cities | filter:$viewValue" 
class="form-control" 
typeahead-show-hint="true" 
typeahead-min-length="0"/> 

Hier ist ein plunker.

Wenn der Anfangswert mit initFoo eingerichtet ist, kann ich das ausgewählte Element nicht entfernen oder in das Textfeld eingeben.

Eine Idee, wie kann ich Anfangswert setzen und meine Textbox wählbar und druckbar halten?

Answer 1

Sie haben ng-init zu verwenden, anstatt ng-model Modell

<input type="text" 
    ng-init="city = initFoo(1)" 
    ng-model="city" 
    uib-typeahead="city as city.address for city in cities | filter:$viewValue" 
    class="form-control" 
    typeahead-show-hint="true" 
    typeahead-min-length="0"/>` 

zu initialisieren