Ionic 2 中的导航不起作用

Question

>我有一个登录页面，想要添加一个忘记密码按钮，当用户单击它时，他/她将重定向到忘记密码页面。

这是我的login.html

<button ion-button block color="blue"  
        (click)="goToSignup()" 
        class="signup-btn" 
        style="background:#45b64a;width:45%;margin:20px 2% 0;display:inline-block">
        Signup</button>
<button ion-button block color="blue" 
        (click)="goToForgotPassword()" 
        class="signup-btn" 
        style="background:#45b64a;width:45%;margin:20px 2% 0;display:inline-block">
        Forgot Password</button>

这是我的login.js

..
..
import {
    SignupPage
}
from '../signup/signup';
import {
    ForgotPasswordPage
}
from '../forgotpassword/forgotpassword';
Page({
    templateUrl: 'build/pages/loginpage/loginpage.html'
})
export class LoginPage {
    static get parameters() {
        return [[NavController], [Http]];
    }
    constructor(nav, http, fbProvider) {
        this.login = {};
    }
    goToSignup() {
        this.nav.push(SignupPage);
    }
    goToForgotPassword(){
        this.nav.push(ForgotPasswordPage);
    }
}

这是我的signup.js

..
..
Page({
    templateUrl: 'build/pages/signup/signup.html'
})
export class SignupPage {
    ..
    ..
}

这是我的forgotpassword.js

..
..
Page({
    templateUrl: 'build/pages/forgotpassword/forgotpassword.html'
})
export class ForgotPasswordPage{
    ..
    ..
}

注册导航运行良好，唯一的问题是忘记密码导航。

在浏览器中，我收到以下错误。

TypeError： self.context.goToForgotPassword 不是函数 at _View_LoginPage0._handle_click_36_0 (LoginPage.template.js：627：28(

forgotpassword导航出了什么问题？

Answer 1

在 app.module 中添加您的第二页..，在声明和入口组件中。

有关更多详细信息，请查看此链接

http://blog.ionic.io/10-minutes-with-ionic-2-adding-pages-and-navigation/