Я уже нашел элемент, который решает мою проблему, но мне кажется, что я следую рекомендациям, и проблема сохраняется.
Я пытаюсь использовать компонент на нескольких страницах
Я действительно не понимаю, что не так с моим кодом.
components.module.ts
import {NgModule} from '@angular/core';
import {PrincipalHeaderComponent} from './principal-header/principal-header.component';
@NgModule({
declarations: [ PrincipalHeaderComponent, NgModule ],
exports: [ PrincipalHeaderComponent ]
})
export class ComponentsModule {}
home.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { IonicModule } from '@ionic/angular';
import { HomePage } from './home.page';
import {AppointmentComponent} from '../../components/views/appointment/appointment.component';
import {ComponentsModule} from '../../components/components.module';
const routes: Routes = [
{
path: '',
component: HomePage
}
];
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
ComponentsModule,
RouterModule.forChild(routes)
],
declarations: [HomePage, AppointmentComponent]
})
export class HomePageModule {}
planning.module. тс
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { IonicModule } from '@ionic/angular';
import { PlanningPage } from './planning.page';
import {ComponentsModule} from '../../components/components.module';
const routes: Routes = [
{
path: '',
component: PlanningPage
}
];
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
ComponentsModule,
RouterModule.forChild(routes),
],
declarations: [PlanningPage]
})
export class PlanningPageModule {}