HTML seleziona l'etichetta "Fine" non visualizzata su Ionic per iOS

Question

Sto costruendo un'app per iOS utilizzando il framework Ionic. Quando uso select-elements, non ottengo l'intestazione con l'etichetta "Done" quando selezioni gli elementi nel menu su iOS nativo. Tuttavia verrà visualizzato quando utilizzo l'app in iOS/Safari. Screenshot e codice allegato. Qualsiasi input/soluzione su questo sarebbe molto apprezzato.

Screenshots:

iOS Safari Screenshot

iOS nativa/ionica Schermata

Markup

Answer 1

L'app Ionic contiene un codice predefinito in app.js che nasconde la barra della tastiera, è necessario commentare questa riga: cordova.plugins.Keyboard.hideKeyboardAccessoryBar (true);

Ottenere qualcosa di simile:

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

Per quanto riguarda commento di @ emccracken, according to the Ionic Team the reason for hideKeyboardAccessoryBar is ", perché le app native raramente hanno una barra accessary E 'un morto dare via che un app è costruito con tecnologia web e non è nativo. ".

È possibile visualizzare e nascondere la barra accessoria su richiesta che è explained a bit here. Prendendo i timeout $ dalla direttiva ha funzionato meglio per me. Ecco come appare il mio.

.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); 
     } 
     }); 
    } 
    }; 
})