Angular ui select nie wyświetlający znaków zastępczych - angularjs, ionic-framework, angle-ui-select

Mam problem z wyborem kątowym-ui.

Kiedy jest zamknięte, wygląda tak

Ale kiedy jest otwarty, symbol zastępczy nie pojawia się i wygląda tak:

To jest mój kod:

<ui-select ng-model="selected.address" style="width: 50%;">
<ui-select-match>
<span ng-bind="$select.selected.description"></span>
</ui-select-match>
<ion-list ui-select-choices refresh="getPlaces()" refresh-delay="10" repeat="item in places track by item.id">
<ion-item class="item-icon-left">
<i class="icon icon-left ion-android-compass"></i>
<h3 ng-bind="item.address"></h3>
</ion-item>
</ion-list>
</ui-select>

Notatka 1: Dostaję moje dane z serwera i może być wiele pól do wyświetlenia.

Uwaga 2: Używam motywu "wybierz", ponieważ nie mogę używać Bootstrap w mojej aplikacji jonowej

Czy masz jakieś sugestie, dlaczego tak się dzieje i jak to naprawić?

EDYTOWAĆ : "Etykieta działań na drugim obrazie jest tam, ponieważ menu rozwijane przechodzi przez kolejne pole, nie ma tu wielkiego znaczenia.

Odpowiedzi:

Musisz włączyć funkcję enableSearch. To powinno zmienić symbol zastępczy.

$scope.enableSearch = function () {
$scope.searchEnabled = true;
};