打字稿错误';'预期的。离子2

Question

我正在 ionci 2 中从一页导航到另一页。我有两个问题。现在我正在使用后退按钮从一个屏幕推送到另一个屏幕。

但是当我从一个屏幕导航到另一个屏幕时，我该如何处理模型屏幕。

当我将此推送屏幕代码从一个页面放到另一个屏幕时，出现此 Typescript Error ';' expected. 错误：

constructor(public navCtrl: NavController) {

 goToSomethingElse() {
    this.navCtrl.push(LoginPage);
}

  }

我的html

 <button class="button footerbtnone" (click)="goToSomethingElse()">LOG IN</button>

请帮帮我 out.Thanks !

我的完整 .js :

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { LoginPage } from '../login/login';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})

export class HomePage {

  slideData = [{ image: "assets/images/l1.png" },{ image: "assets/images/l2.png" },{ image: "assets/images/l3.png" }]


  constructor(public navCtrl: NavController) {

 goToSomethingElse() {
    this.navCtrl.push(LoginPage);
}

  }

}

Answer 1

goToSomethingElse() 必须在构造函数外定义。单击按钮时将调用 goToSomethingElse

更新按下注销后清除导航 stack/history 并将用户重定向到登录页面。

将登录页面设置为堆栈的root。
手动清除所有页面。

试试这个

export class HomePage {

  slideData = [{ image: "assets/images/l1.png" },{ image: "assets/images/l2.png" },{ image: "assets/images/l3.png" }]


  constructor(public navCtrl: NavController) {    
  }

  goToSomethingElse() {
      // Logout would be a better name in the given context

      // Set login page as root of the stack.
      this.nav.setRoot(LoginPage);


      // OR clear all pages manually(comment above line is you are using this)
      this.nav.push(LoginPage).then(() => {
          const num = this.nav.length(); // Get number of pages in current stack
          this.nav.remove(0, num); // If this removes LoginPage also, use num -1
      });

   }

}

Github issue

打字稿错误';'预期的。离子2

Typescript Error ';' expected. ionic 2

html

angularjs

hybrid-mobile-app

ionic2