¿Qué es el enrutador de arranque?

El paquete `bootstrap` en Angular implementa las capacidades del enrutador que permiten la navegación entre vistas de aplicaciones cuando cambia la URL. Los usuarios de AngularJS encontrarán que el enrutamiento en Angular es muy similar al enrutador AngularJS.

Sin embargo, una diferencia importante es que Angular utiliza rutas URL con nombre en lugar de rutas hash. Esto significa que, en lugar de usar un '#' en una URL, Angular usa un '/' para designar el inicio de una ruta. Por ejemplo, el siguiente es un ejemplo de una URL para el enrutador Angular que utiliza rutas con nombre:

`https://www.ejemplo.com/home`

Esta URL navegaría a un componente llamado "inicio" que existe en la aplicación angular.

Introducción al enrutador angular

Para comenzar con el enrutador Angular, deberá importar el `RouterModule` del módulo `@angular/router`. Luego necesitarás usar el método `RouterModule.forRoot()` para configurar las rutas para tu aplicación. El método `RouterModule.forRoot()` toma una matriz de objetos `Route`. Un objeto `Ruta` tiene las siguientes propiedades:

- ruta :El patrón de URL con el que coincide esta ruta.

- componente :El componente que esta ruta debe cargar cuando la URL coincide con la ruta.

- niños :Una serie de rutas secundarias que puede tener esta ruta.

- puedeActivar :una serie de guardias que se deben pasar antes de que se pueda cargar la ruta.

El siguiente es un ejemplo de una configuración simple de enrutador Angular:

```mecanografiado

importar {RouterModule, Rutas} desde '@angular/router';

rutas constantes:Rutas =[

{ ruta:'casa', componente:HomeComponent },

{ ruta:'acerca de', componente:Acerca deComponent },

];

@NgModule({

importaciones:[RouterModule.forRoot(rutas)],

exportaciones:[Módulo de enrutador]

})

clase de exportación AppRoutingModule { }

```

Esta configuración define dos rutas, una para el componente de inicio y otra para el componente acerca de. Cuando la URL coincide con la ruta de una ruta, el enrutador cargará el componente asociado.

Características adicionales del enrutador angular

El enrutador Angular proporciona varias características adicionales, que incluyen:

- Carga diferida :El enrutador Angular se puede utilizar para cargar componentes de forma diferida, lo que significa que solo se cargan cuando son necesarios. Esto puede mejorar el rendimiento de su aplicación al reducir el tiempo de carga inicial.

- Guardias :Las guardias son funciones que se pueden utilizar para evitar que se cargue una ruta. Esto puede resultar útil, por ejemplo, para fines de autenticación.

- Resolvedores :Los solucionadores son funciones que se pueden utilizar para recuperar datos antes de que se cargue una ruta. Esto puede resultar útil para obtener previamente los datos que necesita el componente.

- Rutas infantiles :Las rutas secundarias son rutas que se pueden anidar dentro de otras rutas. Esto puede resultar útil para organizar su aplicación en diferentes secciones.

- Parámetros de ruta :Los parámetros de ruta se pueden utilizar para pasar datos entre componentes. Esto puede resultar útil para pasar datos a un componente cargado mediante una ruta.

- Parámetros de consulta :Los parámetros de consulta se pueden utilizar para pasar datos a una ruta. Esto puede resultar útil para filtrar datos o para pasar datos a un componente cargado por una ruta.

Para obtener más información sobre el enrutador Angular, consulte la documentación oficial.