当我使用typeahead属性时，文本框无法正常工作

Question

我在我的angularjs项目中使用了typeahead。

我必须用typeahead属性显示在文本框中以下值：

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

这里是输入文本框与typeahead属性：

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

这里是一个plunker。

当初始值设置为initFoo时，我无法删除所选文本框或键入文本框。

任何想法如何设置初始值，并保持我的文本框可选和可打印？

Answer 1

你必须使用ng-init而不是ng-model初始化模式

<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"/>`