我是Ionic框架的新手。我尝试点击打开Modal。但是会出现运行时错误。
page.html
<ion-icon ios="ios-add" md="md-add" class="p-info-btn" (click)="presentModal()"></ion-icon>
page.ts
export class ResumePage {
constructor( public modalCtrl: ModalController) {}
presentModal() {
let modal = this.modalCtrl.create('PersonalInformationFormPage');
modal.present();
}
ionViewDidLoad() {
console.log('ionViewDidLoad ResumePage');
}
}
错误：
Runtime Error
Uncaught (in promise): invalid link: PersonalInformationFormPage
PersonalInformationFormPage：
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
@Component({
selector: 'page-personal-information-form',
templateUrl: 'personal-information-form.html'
})
export class PersonalInformationFormPage {
constructor(public navCtrl: NavController, public navParams: NavParams){ }
ionViewDidLoad() {
console.log('ionViewDidLoad PersonalInformationFormPage');
}
}
由于您将传递给string，因此modalCtrl.create()您会延迟加载页面/模式。然后，您的模态应该有自己的模块。或传递给IonicPageModule.forChild()声明更多页面/组件的模块。
确保您的personal-information-form-page.module.ts外观如下所示：
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { PersonalInformationFormPage } from './personal-information-form-page';
@NgModule({
imports: [
IonicPageModule.forChild(PersonalInformationFormPage)
],
declarations: [
PersonalInformationFormPage
]
})
export class PersonalInformationFormPageModule{}
并将@IonicPage-decorator添加到您的页面：
import { Component } from '@angular/core';
import { NavController, NavParams, IonicPage } from 'ionic-angular';
@IonicPage(),
@Component({
selector: 'page-personal-information-form',
templateUrl: 'personal-information-form.html'
})
export class PersonalInformationFormPage {
...
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句