ヘッダーバーのIonic Search入力

Question

IOSシミュレータでレンダリングされ、ブラウザが正しく配置されていると、入力テキストが下部にわずかにオフセットされている理由がわかりません。

コードは非常に簡単です：hapenning何

：

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

ここ

私は2つのスナップショット（ブラウザ内およびIOSシミュレータで）を取り付け？

Answer 1

ヘッダーバーはイオンナビタイトル内にあってはなりません。実際にclass = "bar header-bar"でdivを使用する場合は、class = "title"を使用して内部でタイトルを宣言できます。例：

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

ion-nav-titleタグを削除すると問題が解決するはずです。

Answer 2

ion-nav-titleをion-nav-barに変更する