Angular typeahead突出显示所有显示的属性

时间:2015-12-29 10:59:13

标签: angularjs typeahead

我有一个预先搜索,我在显示对象的名称,城市和州属性。但过滤器仅适用于名称。当我在搜索框(文本框)中键入字符时,它列出了所有匹配的名称,包括名称,城市和州,如果字符与城市或州相匹配,则也会突出显示。我不希望突出显示城市和州。

请帮忙。

2 个答案:

答案 0 :(得分:0)

<div ng-repeat="your variables here | filter:name">

希望这会对你有所帮助。

答案 1 :(得分:0)

<input type="text" ng-model="clinic.name" typeahead="clinic.id + '' + clinic.name + '&nbsp;&nbsp;' + clinic.city + '&nbsp;&nbsp;'+ clinic.state for clinic in getClinics($viewValue) | filter:{name: $viewValue} | filter:{deleted: false}" typeahead-on-select="showAssociateClinicModal($item)" typeahead-template-url="customclinicTypeaheadTemplate.html">


<script type="text/ng-template" id="customclinicTypeaheadTemplate.html">
  <a>
    <span ng-bind-html="match.model.id"></span>
    <span ng-bind-html="match.model.name | typeaheadHighlight:query"></span>
    <span ng-bind-html="match.model.city"></span>
    <span ng-bind-html="match.model.state"></span>
  </a>
</script>

getClinics是控制器中一个返回一个cinics数组的方法