Ion-title and html page title

Ionic Framework ionic-v3
7

There is a simple solution for this problem (works for ionic-angular@2.0.0-rc.1): For all affected pages, add a reference to App in the constructor and set the page title on view enter. Your HTML ion-header remains as usual (referencing the title property).

import { App } from "ionic-angular";

export class MyPage {

    title = "Navbar Title";

    constructor(private _app: App) {
    }

    ionViewDidEnter() {
        this._app.setTitle(this.title + " - App Name");
    }
}
9 Likes