TypeScript ionic-angular.IonicApp類代碼示例

    constructor(app:IonicApp) {
        app.setTitle('Basic Buttons');

        this.testingColors = ['primary', 'secondary', 'danger', 'dark'];
        this.testingColorIndex = 0;
        this.chgColor();
    }

 constructor(private nav: NavController, navParams: NavParams, private userData: UserData, private app:IonicApp) {
     // If we navigated to this page, we will have an item available as a nav param
     this.itemlists = [];
     this.selectedItem = navParams.get('item');
     this.limitstart=0;
     this.getGroupList(this.limitstart);
     this.loading = app.getComponent('loading');
     ConfigData.findAll().then(data => {this.configs = data;console.log(data);});
     //this.showLoader();
 }

 openPage(page:any):void {
   // navigate to the new page if it is not the current page
   this.app.getComponent('leftMenu').enable(true);
   let nav:NavController = this.app.getComponent('nav');
   nav.setRoot(page.component);
   this.app.getComponent('leftMenu').close();
 }

 logout():void {
   StorageUtils.removeToken();
   StorageUtils.removeAccount();
   let nav:NavController = this.app.getComponent('nav');
   this.app.getComponent('leftMenu').enable(false);
   nav.setRoot(LoginPage);
 }

 private navigate(location:{page:any, setRoot:boolean}):void {
     // close the menu when clicking a link from the menu
     // getComponent selector is the component id attribute
     this.app.getComponent('leftMenu').close();
     // navigate to the new page if it is not the current page
     let nav = this.app.getComponent('nav');
     if (location.setRoot) {
         nav.setRoot(location.page);
     } else {
         nav.push(location.page);
     }
 }

  onPageLoaded() {
    const menu = this.app.getComponent("leftMenu");

    menu.enable(false);
    // workaround map is not correctly displayed
    // maybe this should be done in some other event
    setTimeout(this.loadMap.bind(this), 100);
  }

  testApp() {
    const confirm = Alert.create({
      title: "Are you sure?",
      body: "Running tests will remove all your geofences. Do you want to continue?",
      buttons: [
        { text: "No" },
        {
          text: "Yes",
          handler: () => {
            window.location.href = "cdvtests/index.html";
          },
        },
      ],
    });

    this.app.getComponent("leftMenu").close();
    this.app.getComponent("nav").present(confirm);
  }

 openPage(page) {
   
   // navigate to the new page if it is not the current page
   let nav = this.app.getComponent('nav');
   nav.setRoot(page);
 
   // // close the menu when clicking a link from the menu
   this.menu.close();  // or: this.app.getComponent('leftMenu').close();
 }

  removeAll() {
    const confirm = Alert.create({
      title: "Are you sure?",
      body: "Are you sure you want to remove all geofences?",
      buttons: [
        { text: "No" },
        {
          text: "Yes",
          handler: () => {
            this.geofenceService.removeAll();
          },
        },
      ],
    });

    this.app.getComponent("leftMenu").close();
    this.app.getComponent("nav").present(confirm);
  }

 openPage(page) {
   // close the menu when clicking a link from the menu
   this.menu.close();
   // navigate to the new page if it is not the current page
   let nav = this.app.getComponent('nav');
   if (page.title == 'Deconnexion') {
     this.events.publish('user.logout');
   }
   nav.setRoot(page.component);
 }