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