feat(viewCtrl): setBackButtonText()

ionic/components/nav/test/basic/index.ts

@@ -70,10 +70,9 @@ class FirstPage {
   }
 
   onPageDidEnter() {
-    setTimeout(() => {
-      // Page2 will be transparent on first nav
-      this.nav.push(PrimaryHeaderPage);
-    }, 2000);
+    // setTimeout(() => {
+    //   this.nav.push(PrimaryHeaderPage);
+    // }, 2000);
   }
 
   setPages() {
@@ -208,6 +207,7 @@ class PrimaryHeaderPage {
       <p><button (click)="pushFirstPage()">Push to FirstPage</button></p>
       <p><button (click)="setRoot()">setRoot(FirstPage)</button></p>
       <p><button (click)="toggleBackButton()">Toggle hide-back-button</button></p>
+      <p><button (click)="setBackButtonText()">Set Back Button Text</button></p>
     </ion-content>
   `
 })
@@ -219,6 +219,7 @@ class AnotherPage {
     this.nav = nav;
     this.viewCtrl = viewCtrl;
     this.bbHideToggleVal = false;
+    this._bbCount = 0;
   }
 
   pushFullPage() {
@@ -241,6 +242,17 @@ class AnotherPage {
     this.bbHideToggleVal = !this.bbHideToggleVal
     this.viewCtrl.showBackButton(this.bbHideToggleVal);
   }
+
+  setBackButtonText() {
+    let backButtonText = 'Messages';
+
+    if (this._bbCount > 0) {
+      backButtonText += ` (${this._bbCount})`;
+    }
+
+    this.viewCtrl.setBackButtonText(backButtonText);
+    ++this._bbCount;
+  }
 }
 
 

ionic/components/nav/view-controller.ts

@@ -207,6 +207,16 @@ export class ViewController {
     return navbar && navbar.getBackgroundRef();
   }
 
+  /**
+   * @param {string} Set the back button text.
+   */
+  setBackButtonText(val) {
+    let navbar = this.getNavbar();
+    if (navbar) {
+      navbar.bbText = val;
+    }
+  }
+
   /**
    * @param {boolean} Set if this Page's back button should show or not.
    */

ionic/components/navbar/navbar.ts

@@ -68,7 +68,7 @@ class ToolbarBackground {
     '<button class="back-button" [hidden]="hideBackButton">' +
       '<icon class="back-button-icon" [name]="bbIcon"></icon>' +
       '<span class="back-button-text">' +
-        '<span class="back-default">{{bbDefault}}</span>' +
+        '<span class="back-default">{{bbText}}</span>' +
       '</span>' +
     '</button>' +
     '<ng-content select="[menu-toggle]"></ng-content>' +
@@ -108,7 +108,7 @@ export class Navbar extends ToolbarBase {
     viewCtrl && viewCtrl.setNavbar(this);
 
     this.bbIcon = config.get('backButtonIcon');
-    this.bbDefault = config.get('backButtonText');
+    this.bbText = config.get('backButtonText');
   }
 
   /**