如何使用angularjs bootstrap ui typeahead获得typeahead提示?

时间:2014-06-30 17:39:51

标签: angularjs twitter-bootstrap

我正在使用找到here的angularjs-bootstrap-ui插件。这是我的HTML

<input type="text" ng-model="asyncSelected" typeahead-loading="loadingPeople" typeahead-min-length="3" placeholder="Search People" typeahead="person for person in findPeople($viewValue)" class="form-control typeahead-input" />

这很好用,但它说它是基于bootstrap api构建的,并且看this应该有一种方法可以使用&#34;提示&#34;作为参数以某种方式,以便当您键入它时显示一个灰色的提示。这根本不在角度引导ui api中吗?

1 个答案:

答案 0 :(得分:0)

要使Typeahead的提示功能与angular-ui的Typeahead指令一起使用,只需将typeahead-show-hint="true"属性添加到input元素即可。 E.g:

<input
  type="text" 
  class="myClass"
  ng-model="selected" 
  uib-typeahead="item for item in vm.states | filter:$viewValue | limitTo:8"
  placeholder="State"
  typeahead-show-hint="true"
/>