大家好,我在 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
问题是我想使用自己的导航栏。以我的风格,文本按钮... 我也不希望导航栏更新。当我现在切换页面时,导航栏会显示后退按钮并更改标题。我想保持原样...
最佳答案
<罢工> 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
有顶部填充。
关于javascript - ionic 导航 - 不要更新导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40398063/