Impossible d'inclure le composant d'en-tête dans le module utilisateur basé sur le concept de chargement paresseux

Question

Tried with these approaches J'ai créé un composant appelé en-tête qui inclut la navigation. L'utilisateur est un module qui inclut un composant liste d'utilisateurs et détails d'utilisateur qui est implémenté par la technique de chargement paresseux. Avec l'utilisateur, j'ai créé le composant Home et le composant Dashboard. Je suis capable de rediriger vers les pages Accueil et Dashboard mais pas vers la page Utilisateur, où j'ai ajouté le composant d'en-tête() dans tout le composant. Ci-dessous l'en-tête lorsque je tente de rediriger vers la page d'utilisateur:

core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: Template parse errors: 
'app-header' is not a known element: 
1. If 'app-header' is an Angular component, then verify that it is part of this module. 
2. If 'app-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<app-header></app-header> 
<h2>Users</h2> 
<router-outlet></router-outlet> 

Answer 1

Vous devez créer le module pour le composant d'en-tête. Vous pouvez créer avec cli en utilisant cette commande:

ng g module header --flat 

Dans « header.module » vous devez déclarer HeaderComponent dans declarations tableau et l'exporter dans le tableau exports. et ajoutez 'header.module' dans le tableau imports de 'app.module.ts'.