I've created a tabs page with sections A, B, and C set up like this:
tab1Root: any = HomePage;
tab2Root: any = AboutPage;
tab3Root: any = ContactPage;
However, when I navigate from PageB to a new pageC, the URL changes to:
http://localhost:8102/#/about/shoppingThe component AboutPage is not part of any NgModule or has not been imported into the module. As a newcomer, I am seeking assistance with my code; here is what I have in my files:
about.ts:
import { Component } from '';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-about',
templateUrl: 'about.html',
})
export class AboutPage {
lists = Lists;
constructor(public navCtrl: NavController, public navParams: NavParams) {}
ionViewDidLoad() {}
openPage(page){
this.navCtrl.push(page);
}
}
about.module.ts
import { NgModule } from '';
import { IonicPageModule } from 'ionic-angular';
import { AboutPage } from './about';
@NgModule({
declarations: [
AboutPage,
],
imports: [
IonicPageModule.forChild(AboutPage),
],
})
export class AboutPageModule {}