ionic ion-nav-back-buttonタイトルの非表示と変更について
3121 ワード
ionic ion-nav-back-buttonタイトルの非表示と変更について
最近、ionicアプリの開発をしていますが、いくつかの問題に直面しています.その中で、ion-nav-back-button文字の隠し修正について、記録をして、後で調べるのに便利です.
ion-nav-back-buttonは、
使用法
デフォルトの使用法
ion-nav-back-buttonを使用してイベントをクリック$ionicNavBarDelegateを使用します.具体的な使用方法は公式ドキュメントを参照してください[http://www.ionic.wang/js_doc-index-id-19.html].
表示されない文字コードを直接非表示にするには、次の手順に従います.
詳細ion-nav-back-button用法参考[http://www.ionic.wang/js_doc-index-id-17.html].
最近、ionicアプリの開発をしていますが、いくつかの問題に直面しています.その中で、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].