2016-07-12 16 views
2

Ich habe ein Problem mit angular-ui-Select.Angular ui wählen Sie nicht Platzhalter anzeigen

Wenn es geschlossen ist es sieht aus wie dieses

enter image description here

Aber wenn es der Platzhalter geöffnet wird nicht angezeigt, und es sieht wie folgt aus:

enter image description here

Dies ist mein Code :

<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> 

Hinweis 1: Ich bekomme meine Daten von einem Server und es könnte viele Felder angezeigt werden.

Anmerkung 2: Ich bin mit dem ‚selectize‘ Thema, weil ich nicht Bootstrap in meiner Ionic App

Haben Sie Vorschläge verwenden kann, warum dies geschieht und wie man es beheben?

EDIT:. Das „-Aktivitäten Etikett in dem zweiten Bild ist da, weil der Drop-Down über das nächste Feld geht, keine große Sache hier

+0

@thepio für die Bearbeitung dankt, wirklich zu schätzen! –

+0

alles kein Problem :) nichts falsch mit dem Original, sondern nur für die Menschen leichter das Problem und hoffentlich mehr Antworten zu sehen, wird kommen, wenn die Bilder sind gerade in der Frage etc :) – thepio

+0

ja kann ich nicht imag setzen e direkt, weil ich nicht genügend Reputationsbewertung habe –

Antwort

0

Sie müssen sich auf enableSearch verwandeln, den Platzhalter drehen sollte..

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