【发布时间】:2018-09-11 21:35:52
【问题描述】:
我在使用 Ionic 3/4 时出错,在 2 个组件之间导航时出错,我不知道为什么,3 个月前使用 Ionic 还可以,但今天我出错了。我使用延迟加载来导航 2 个组件。
这是我得到的错误:
ERROR TypeError: _co.toBoarding is not a function
at Object.eval [as handleEvent] (HomePage.html:12)
at handleEvent (core.js:13589)
at callWithDebugContext (core.js:15098)
at Object.debugHandleEvent [as handleEvent] (core.js:14685)
at dispatchEvent (core.js:10004)
at core.js:10629
at HTMLButtonElement.<anonymous> (platform-browser.js:2628)
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4751)
at t.invokeTask (polyfills.js:3)
这是我的完整脚本:
home.html
<ion-header>
<ion-navbar>
<ion-title>
Ionic Blank
</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
The world is your oyster.
<p>
<button ion-button (click)="toBoarding()">Button</button>
</p>
</ion-content>
home.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController) {
}
toBoarding() {
this.navCtrl.push('BoardingPage');
}
}
登机.html
<ion-header>
<ion-navbar>
<ion-title>boarding</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
</ion-content>
登机.ts
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-boarding',
templateUrl: 'boarding.html',
})
export class BoardingPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad BoardingPage');
}
}
那么,我该怎么做才能解决这个问题,或者你有解决这个问题的方法,请帮助我。
谢谢。
【问题讨论】:
-
只需停止服务器并重新启动。这将解决您的问题。
标签: angular ionic-framework ionic3 ionic4