Угловой шрифт выделяет все отображаемые свойства

У меня есть поиск по типу, где я отображаю свойства имени, города и штата объекта. Но фильтр применяется только по имени. когда я ввожу символы в поле поиска (текстовое поле), в нем перечислены все совпадающие имена с именем, городом и штатом, и если символы соответствуют городу или штату, они также будут выделены. Я не хочу, чтобы город и штат были выделены.

Пожалуйста помоги.


angularjs typeahead
person Syed Mohammad Ali    schedule 29.12.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward 

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

Надеюсь, что это поможет вам.

person Shrikant    schedule 29.12.2015
comment
Спасибо за ответ. Но приведенное выше решение не сработало для меня. ‹input type=text ng-model=person.name typeahead=person.id + '' + person.name + '' + person.city + ''+ person.state для человека в лицах | фильтр: {имя: $viewValue} | filter:{deleted: false} typeahead-on-select=selectPerson($item) › Это мое текстовое поле, и при вводе должны быть выделены только символы имени в имени. - person Syed Mohammad Ali; 30.12.2015
comment
Хорошо. Пожалуйста, попробуйте использовать вашу ng-модель. вот так | фильтр:person.name - person Shrikant; 30.12.2015

arrow_upward
0
arrow_downward 

<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

person Syed Mohammad Ali    schedule 12.01.2016