Definir ruta
En este POST ya aprovechando el anterior en el que hicimos la configuración básica para que funcione el routing en Angular, vamos a definir una ruta para acceder al recurso y además añadirle el titulo a la página.
Para hacer esto, lo que necesitamos identificar en primer lugar, es el archivo en el que hemos de definir las rutas. En este caso el que le pasabamos al providerRouter que ya conocemos del POST anterior es: app.routes.ts. En este, ya dentro del componente necesitamos añadir lo siguiente:
El path es la ruta a través de la cuál el usuario que visite nuestro sitio accederá al recurso. El title, es el titulo de la página en cuestión que verá el usuario. Component es el componente que se cargará al visitar esa ruta.
Enlazar entre páginas
Para el enlace entre páginas en Angular, se usa el atributo de routerlink. A través de este podemos ir a una o otra página. Para usar este atributo, es necesario que lo pongamos en el html de la plantilla del componente en el que queramos un enlace tal y como se muestra en la siguiente imagen. Además, hemos de añadirle el routeroutlet en la página.
Para su uso, además se debe añadir el import de RouterLink y RouterOutlet en la zona de imports.
Deja una respuesta