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>

请帮帮我。谢谢！

我的完整.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

<强>更新按下注销并清除用户重定向到登录页面时，清除导航堆栈/历史记录。

将登录页面设置为堆栈的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

打字稿错误＆＃39;;＆＃39;预期。离子2

1 个答案: