ios – 标题栏中的Ionic搜索输入

我不明白为什么在 IOS模拟器中渲染输入文本时稍微偏移到底部,并且浏览器位于右侧.

代码很简单：

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

这里我附加两个快照(在浏览器和IOS模拟器中)：

什么是hapenning？

解决方法

标题栏不应该在离子导航标题内.实际上,如果你使用class =“bar header-bar”的div,你可以使用class =“title”来声明一个标题.例如：

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

删除ion-nav-title标签应该可以解决问题.