Выпадающий список Typeahead

Question

У меня есть API, который возвращает список с тремя полями. EG ['Michał', 6, 'Michal']. Первое поле - это полное имя имени с диакритикой, используемой на моем языке, второе - идентификатор, а thrid - полное имя с удаленной диакритикой.

Теперь я хочу набрать в своем поле выбора Михал, и я хочу, чтобы в моем поисковом поиске находились Michal и Michał. Фактически я сделал это, удалив dacritics из ввода select box.

Теперь, если я ввожу Michal, он показывает Michal, но полное имя Michał, и если я нахожу Michał, он говорит NO RESULT, но фильтр правильно.

Как я могу изменить свой typeahead/select-box, чтобы он показывал также Michał или Michal в выпадающем списке после того, как я написал Michał.

Answer 1

Пожалуйста, смотрите здесь: http://plnkr.co/edit/dYyzgL9B1i06mJCePTwF?p=preview

HTML:

<div class='container-fluid' ng-controller="TypeaheadCtrl"> 

    <h4>Static arrays</h4> 
    <pre>Model: {{selected | json}}</pre> 
    <input type="text" ng-model="selected" typeahead="person as person.pplname for person in persons | filter:$viewValue | limitTo:8" class="form-control"> 

</div> 

ЯШ:

angular.module('plunker', ['ui.bootstrap']); 
    function TypeaheadCtrl($scope) { 

     $scope.selected = undefined; 
     $scope.persons = [{name:"michal", pplname:"michał", id:1}, 
     {name:"janek", pplname:"janek", id:5}, 
     {name:"marek", pplname:"marek", id:6}, 
     {name:"slawek", pplname:"sławek", id:7}, 
     {name:"olek", pplname:"olek", id:8}, 
     {name:"tomek", pplname:"tome", id:9}]; 
    }