Ho un problema con angular-ui-select.
Quando è chiuso sembra così
Ma quando viene aperto, il segnaposto non appare e sembra che questo:
Questo è il mio codice:
<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>
Nota 1: Ottengo i miei dati da un server e potrebbero esserci molti campi da visualizzare.
Nota 2: Sto usando il tema "selectize" perché non posso usare Bootstrap nella mia app Ionic
Avete qualche suggerimento sul perché questo sta accadendo e su come risolverlo?
MODIFICARE : L'etichetta delle attività nella seconda immagine è lì perché il menu a discesa va oltre il campo successivo, non è un grosso problema qui.
risposte:
0 per risposta № 1Devi abilitare enableSearch. Dovrebbe girare il segnaposto.
$scope.enableSearch = function () {
$scope.searchEnabled = true;
};