修复了标签模板上的搜索栏

时间:2015-08-31 18:15:26

标签: ionic-framework ionic-view

我正在使用离子的标签模板。我需要成为一个固定的搜索栏,但我找不到如何在标签栏下插入此栏。

我的应用就像:

screen http://esfriki.com/f/s01fb.png

问题是,我把搜索栏放到标签内容中,这样就行了,但是,条形图没有修复,当我滚动列表时,搜索栏也会滚动。

我需要在列表(目录),搜索栏(已修复)之前设置选项卡导航栏,然后向下。

有人知道我该怎么做吗?

tabs.html(标签视图): https://paste.kde.org/pbqwtl473

tab-bynames.html(标签内容): https://paste.kde.org/pdxhlcviu

对不起,我的讨论很糟糕。

1 个答案:

答案 0 :(得分:3)

将搜索栏放在<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>