Polímero - Ruta de la aplicación

El elemento app-route utiliza un objeto, que describe un estado sobre la ruta actual, a través de la propiedad route. Determinará el estado usando la propiedad del patrón y determina algunos datos relacionados con la ruta, y una cola que contiene el resto de la ruta como se muestra en el siguiente código.

<app-location route = "{{route}}"></app-location>
<app-route
   route = "{{route}}"
   pattern = "/:page"
   data = "{{routeData}}"
   tail = "{{subroute}}">
</app-route>

<app-route
   route = "{{subroute}}"
   pattern = "/:id"
   data = "{{subrouteData}}">
</app-route>

La explicación de las instancias anteriores se enumera en la siguiente tabla:

No Señor. Campo Descripción
1

app-location

Es un elemento que proporciona sincronización entre la barra de ubicación del navegador y el estado de una aplicación, y produce un valor de ruta.

2

pattern

los route.path la propiedad se compara comparándola con la pattern propiedad.

3

app-route

Establece la propiedad de datos con un objeto, cuyas propiedades corresponden a los parámetros en patternpropiedad. Responde a cambios bidireccionales en los objetos de datos que producen.

4

tail

Representa la parte restante del estado de la ruta, después de que el patrón se haya aplicado a una ruta coincidente.

Hashes vs rutas

La parte del nombre de la ruta de la URL es utilizada por una ruta de ubicación de la aplicación con la ayuda del servidor backend. La ubicación de la aplicación se puede configurar para usar la parte hash utilizando el siguiente atributo.

<app-location route = "{{route}}" use-hash-as-path></app-location>