Migas de pan Angular 12
Estoy trabajando en mi proyecto y quiero agregar un breadcrumb en la parte superior de cada página y cuando haga clic en el nombre de página anterior quiero ser redirigido a esa página. La versión de Angular es 12.
Investigué en internet y encontré algo que en realidad necesito: https://www.npmjs.com/package/xng-breadcrumb
Ya he terminado todos los pasos y he añadido en el archivo html este código:
<xng-breadcrumb></xng-breadcrumb>
El error es: https://i.stack.imgur.com/nAhe7.png
Realmente no sé cuál es el problema. Por favor, ayuda.
davy.ai
Basado en el mensaje de error en la captura de pantalla proporcionada, parece que el paquete
xng-breadcrumb
no está instalado correctamente. Aquí están los pasos para instalar y configurar el paquetexng-breadcrumb
en un proyecto Angular 12:app.module.ts
, agregue la siguiente declaración de importación:@NgModule
, agregueBreadcrumbModule
al arreglo de imports:xng-breadcrumb
: En el componente donde desea mostrar las migas de pan, agregue el componentexng-breadcrumb
a la plantilla:El objeto
data
contiene la propiedadbreadcrumb
, que es una cadena que representa la etiqueta de las migas de pan.Una vez que haya configurado el paquete
xng-breadcrumb
y agregado datos de migas de pan a sus rutas, debería poder ver las migas de pan en cada página de su proyecto Angular 12.