2016-07-16 2 views
14

Non capisco perché il testo di input sia leggermente spostato verso il basso quando il rendering nel simulatore IOS e nel Browser è posizionato correttamente.Ingresso di ricerca ionica nella barra di intestazione

il codice è molto semplice:

<ion-nav-title> 
    <div class="bar bar-header item-input-inset"> 
     <label class="item-input-wrapper"> 
      <i class="icon ion-ios-search placeholder-icon"></i> 
      <input ng-model="search_text" type="text" placeholder="Search..." focus-me my-enter="search_model(search_text)" autofocus> 
     </label> 
    </div> 
</ion-nav-title> 

Qui ho allegare due istantanee (in browser e nel simulatore di IOS):

Browser IOS Simulator

Cosa c'è hapenning?

+0

Ho lo stesso problema, si è stato risolto? –

+0

hai preso in considerazione questo? https://github.com/djett41/ionic-filter-bar –

risposta

1

La barra di intestazione non deve trovarsi all'interno di un titolo di navigazione ion. In realtà se usi un div con class = "bar header-bar" puoi dichiarare un titolo all'interno usando class = "title". Ad esempio:

<div class="bar bar-header bar-light"> 
    <h1 class="title">bar-light</h1> 
</div> 

La rimozione del tag ion-nav-title dovrebbe risolvere il problema.

0

basta cambiare l'ione-nav-titolo per ION-nav-bar

Problemi correlati