HTML wybierz "Gotowe" etykieta nie wyświetla się na Ionic dla iOS

Question

Buduję aplikację iOS przy użyciu Ionic-framework. Kiedy używam select-elements, nie otrzymuję nagłówka z etykietą "Done" podczas wybierania elementów w menu na iOS-native. Jednak pojawi się, gdy użyję aplikacji w iOS/Safari. Zrzuty ekranu i dołączony kod. Wszelkie dane wejściowe/rozwiązania na ten temat byłyby bardzo doceniane.

ekranu:

iOS Safari Screenshot

iOS Native/Ionic Zrzut

Markup

<label class="item item-input item-select"> 
    <div class="input-label"> 
     Bostadstyp 
    </div> 
    <select ng-change="addParam('objectType', selectedHouseType)" ng-model="selectedHouseType" ng-options="houseType.id as houseType.label for houseType in houseTypes"></select> 
</label> 

Answer 1

Aplikacja jonowa zawiera domyślny kod w app.js, który ukrywa pasek acessory klawiatury, musisz skomentować następujący wiersz: cordova.plugins.Keyboard.hideKeyboardAccessoryBar (true);

się coś takiego:

// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard 
// for form inputs) 
if (window.cordova && window.cordova.plugins.Keyboard) { 
    //cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
    cordova.plugins.Keyboard.disableScroll(true); 

} 

Answer 2

Odnośnie komentarza @ emccracken, w according to the Ionic Team the reason for hideKeyboardAccessoryBar is „, ponieważ rodzime aplikacje rzadko mają accessary poprzeczkę To ślepy oddać, że aplikacja jest zbudowany z internetowej tech i nie jest rodzimy. . "

Możesz pokazać i ukryć pasek akcesoriów na żądanie, który jest explained a bit here. Usunięcie limitów czasu z dyrektywy było dla mnie lepsze. Oto, jak wygląda moja.

.directive('select', function() { 
    return { 
    restrict: 'E', 
    link: function(scope, element, attrs) { 
     element.bind('focus', function(e) { 
     if (window.cordova && window.cordova.plugins.Keyboard) { 
      // console.log("show bar (hide = false)"); 
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false); 
     } 
     }); 
     element.bind('blur', function(e) { 
     if (window.cordova && window.cordova.plugins.Keyboard) { 
      // console.log("hide bar (hide = true)"); 
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     } 
     }); 
    } 
    }; 
})