ionic-framework - 修复了选项卡模板上的搜索栏

Question

我正在使用 ionic 的标签模板。我需要成为一个固定的搜索栏，但我没有找到如何将这个栏插入标签栏。

我的应用程序是这样的：

_{（来源：esfriki.com）}

问题是，我将搜索栏放入选项卡内容中，这是可行的，但是，栏不固定，当我滚动列表时，搜索栏也会滚动。

我需要有标签导航栏，然后在列表（目录）之前，搜索栏（固定）。

有人知道我该怎么做吗？

tabs.html（标签视图）： https ://paste.kde.org/pbqwtl473

tab-bynames.html（标签内容）： https ://paste.kde.org/pdxhlcviu

对不起我可怜的英语。

Answer 1

将搜索栏放在上面<ion-content>，而不是bar-header类，使用bar-subheader类作为搜索栏。加上添加类has-subheader到<ion-content>. 您的代码将是

<ion-view view-title="Buscar por nombres">
    <div class="bar bar-subheader bar-dark item-input-inset" no-tap-scroll="true">
          <ion-search placeholder="Buscar nombre" min-length="1" model="search"></ion-search>
    </div>
    <ion-content has-header="true" has-tabs="true" class="">
    //content part
    </ion-content>
</ion-view>