ionic ion-nav-back-buttonタイトルの非表示と変更について

3121 ワード

ionic ion-nav-back-buttonタイトルの非表示と変更について
最近、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].