最近在做ionic APP开发,遇到一些问题,其中就是关于ion-nav-back-button文字的隐藏修改,做个记录,方便以后查阅。
ion-nav-back-button在一个 ionNavBar
中创建一个按钮。当用户在当前导航堆栈能够后退时,将显示后退按钮。
默认用法
<ion-nav-bar>
<ion-nav-back-button class="button-clear">
<i class="ion-arrow-left-c"></i> 返回
</ion-nav-back-button>
</ion-nav-bar>
<!-- 或者这样写也可以 需要自己添加点击动作-->
<ion-nav-buttons side="left">
<button class="button button-icon" ng-click="goback()">
<i class="icon ion-ios-arrow-back"></i>
</button>
</ion-nav-buttons>
使用ion-nav-back-button 点击事件用$ionicNavBarDelegate ,具体使用方法详见官方文档[http://www.ionic.wang/js_doc-index-id-19.html].
想要直接隐藏不显示文字代码如下:
app.config(function ($stateProvider,$ionicConfigProvider) {
//隐藏ion-nav-back-button文字
$ionicConfigProvider.backButton.text("");
$ionicConfigProvider.backButton.previousTitleText(false);
$stateProvider
.state("home",{
templateUrl:"home.html"
})
.state("music",{
templateUrl:"music.html"
});
});
更多ion-nav-back-button用法参考 [http://www.ionic.wang/js_doc-index-id-17.html].