Soy nuevo de Angular. Creé encabezado, pie de página y barra lateral. Y estaba creando un componente de tablero si lo uso en este componente de desguace, funciona bien. Así que está trabajando en componente. luego creé un módulo para empleado. si uso la barra lateral de encabezado y pie de página en este módulo de empleado, significa que muestra un error
1
src/app/employee/list-employee/list-employee.component.ts:5:16 5 templateUrl: './list-employee.component.html', ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component ListEmployeeComponent. Error: src/app/employee/list-employee/list-employee.component.html:2:1 - error NG8001: 'app-sidebar' is not a known element: 1. If 'app-sidebar' is an Angular component, then verify that it is part of this module. 2. If 'app-sidebar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 2 <app-sidebar></app-sidebar>src/app/employee/list-employee/list-employee.component.ts:5:16 5 templateUrl: './list-employee.component.html', ~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~ Ocurre un error en la plantilla del componente ListEmployeeComponent.
Error: src/app/employee/list-employee/list-employee.component.html:514:9 - error NG8001: 'app-footer' no es un elemento conocido:
514 ~~~~~~~~~~~~
src/app/employee/list-employee/list-employee.component.ts:5:16 5 templateUrl: './list-employee.component.html', ~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~ Ocurre un error en la plantilla del componente ListEmployeeComponent.
Por favor, ayúdame a solucionar este error.
Si coloca estos componentes en un módulo separado, puede importarlo en todas las demás partes de su aplicación que usan la barra lateral, el encabezado y el pie de página.
@NgModule({ declarations: [ SidebarComponent, HeaderComponent, FooterComponent ], exports: [ SidebarComponent, HeaderComponent, FooterComponent ] }) export class LayoutModule { }Y en el módulo de empleados puedes hacer algo como esto:
@NgModule({ declarations: [ // ... ], imports: [ // ... LayoutModule, ], }) export class EmployeeModule {}