En desusoPlataforma de nueva generación

Creación de un componente de direccionamiento

Un componente que tiene una definición de ruta en el módulo de direccionamiento se conoce como Página o Componente de direccionamiento. Este es el componente que el direccionador debe crear al navegar a esta ruta.

Procedimiento

Realice los pasos siguientes para crear un componente de direccionamiento:
  1. Ejecute el mandato: ng g c <component-name> --project=store-extensions
    Nota:
    • Es obligatorio pasar el argumento --project=store-extensions. Si no lo hace, creará el componente en la carpeta src proporcionada por la aplicación (<WORKSPACE>/store-frontend/src). Los archivos creados aquí se ignoran y no se representan en el navegador.

      No pase el argumento --skip-import si está creando el componente o los servicios para un módulo de característica nuevo.

    Ejecute el mandato desde dentro del módulo, para que el archivo module.ts correspondiente se actualice con el nuevo componente.

  2. Añada rutas en el archivo <module-name>.routing.module.ts .
    • Routes identificar la vista que se va a visualizar cuando un usuario pulsa un enlace.
    • Una ruta tiene dos propiedades:
      • path: una serie que coincide con el URL en la barra de direcciones del navegador.
      • component: el componente que el direccionador debe crear al navegar a esta ruta.
    Por ejemplo, si desea navegar a http://localhost:4500/store/user/user-list, la definición de ruta para esta ruta en user-routing.module.ts es la siguiente:
    { 
path: ‘user-list’,  
component: UserListComponent
}