angular.js - templat tab ionik cara memaparkan kotak carian dalam pengepala

Question

Baru kepada ionik, saya menggunakan templat tab inoic.
Apabila membuat antara muka carian, saya ingin memaparkan kotak carian dalam pengepala

Saya menetapkan atribut hide-nav-bar="false" dalam <ion-view> antara muka carian,

dan menambah <ion-nav-bar>
Terdapat dua masalah dengan operasi ini Salah satunya ialah <ion-content> berada di bahagian atas dan dilindungi oleh <ion-nav-bar> yang baharu dimuat semula, <ion-nav-bar> yang asal dipaparkan, kemudian disembunyikan, dan kemudian <ion-nav-bar>

Saya mahu memaparkan kotak carian dalam pengepala Apakah cara yang betul untuk melakukannya?

Penerangan mungkin tidak jelas, jadi maaf.

Menambahkan soalan,

---

halaman indeks

    <ion-nav-bar class="bar-assertive">
        <ion-nav-back-button>
        </ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view></ion-nav-view>

Cara untuk menggantikan <ion-nav-bar>

pada halaman lain

Answer 1

<pandangan-ion>

<ion-nav-title>
    <ion-header-bar class="item-input-inset">
        <label class="item-input-wrapper">
            <i class="icon ion-ios-search placeholder-icon"></i>
            <input type="search" placeholder="Search" ng-model="searchContent">
        </label>
        <button class="button button-clear">
            取消
        </button>
    </ion-header-bar>
</ion-nav-title>
<ion-content>
    <ion-list>
        <ion-item class="item-pider">
            搜索历史
        </ion-item>
        <ion-item>
            xxx
        </ion-item>
        <ion-item>
            xxx
        </ion-item>
    </ion-list>
</ion-content>

</ion-view>