Include one Ionic page in another Ionic page (Angular)

Hi everyone,

I’m somehow new to Ionic and I’m confused with how to include one Ionic page in another Ionic page (NOT COMPONENT).

So, I create two pages like this:

About Us: ionic generate page aboutus

Contact Us: ionic generate page contactus

Now I want to bring Contact Us page and all of its functionalities into About Us page.

I found this similar question here: Include other page but it didn’t help me that much!

So far, I used this method, but it doesn’t work:

In Aboutus.module.ts:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';

import { IonicModule } from '@ionic/angular';

import { AboutusPageRoutingModule } from './aboutus-routing.module';

import { AboutusPage } from './Aboutus.page';

import { ContactusPage } from '../settings/contactus.page';


@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    AboutusPageRoutingModule
  ],
  exports: [],
  declarations: [
    AboutusPage,
    ContactusPage
  ],
  entryComponents: [
  ],
})
export class AboutusPageModule {}

In Aboutus html page:

<app-contactus></app-contactus>

Please help me to solve this mystery. Thank you.

Start here: Angular