javascript - ionic 导航 - 不要更新导航栏

Question

大家好，我在 Ionic 中创建了一个导航概念:

<ion-nav-bar class="bar-positive">
    <ion-nav-back-button class="button-clear">
        <i class="ion-arrow-left-c"></i> Back
    </ion-nav-back-button>
</ion-nav-bar>

<ion-nav-view></ion-nav-view>

<script id="list.html" type="text/ng-template">
    <ion-view view-title="First page">
        <ion-content class="padding">


            <a  nav-direction="back" nav-transition="android" href="#/movie/1">
                <button class="button button-positive">
                    Tabellen
                </button>
            </a><br/><br/>

            <a nav-direction="forward" nav-transition="android" href="#/movie/1">
                <button class="button button-positive">
                    Live-Ticker
                </button>
            </a><br/><br/>

            <button class="button button-positive" ng-click="changePage()">
            Funktion
            </button>
        </ion-content>
    </ion-view>
</script>

<script id="view.html" type="text/ng-template">
    <ion-view view-title="Second page">
        <ion-content class="padding">
            <a class="button icon ion-home" href="#/tab/home"> Home</a>
        </ion-content>
    </ion-view>
</script>

http://plnkr.co/edit/h9KwSJVt5n4bEnTXkBJ2?p=preview

问题是我想使用自己的导航栏。以我的风格，文本按钮...我也不希望导航栏更新。当我现在切换页面时，导航栏会显示后退按钮并更改标题。我想保持原样...

Answer 1

<罢工> http://plnkr.co/edit/OxdP5xj3400fJmAODQxy?p=preview

<罢工>

只需删除 ion-nav-back-button

并在 view-title中设置需要的标题 ion-view的属性(property)

---

更新 -

这就是你想要的 -

http://plnkr.co/edit/dU0u6cwUQxah5E0UCvHX?p=preview

在这里，我删除了 ion-nav-bar并使用自定义栏 div。另外，您需要设置类 has-header手动到 ion-content有顶部填充。