标题栏中的离子搜索输入

Question

我不明白为什么输入文本在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模拟器中）：

有什么好处？

Answer 1

标题栏不应该在离子导航标题内。实际上，如果你使用div =＆＃34; bar header-bar＆＃34;你可以使用class =＆＃34; title＆＃34;来声明一个标题。例如：

<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

即可