Polymère - Itinéraire de l'application

L'élément app-route utilise un objet, qui décrit un état de l'itinéraire actuel, via la propriété route. Il déterminera l'état à l'aide de la propriété pattern et déterminera certaines données liées à l'itinéraire, ainsi qu'une queue qui contient le reste de l'itinéraire, comme indiqué dans le code suivant.

<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>

L'explication des instances ci-dessus est répertoriée dans le tableau suivant -

N ° Sr. Champ et description
1

app-location

C'est un élément qui assure la synchronisation entre la barre d'emplacement du navigateur et l'état d'une application, et produit une valeur d'itinéraire.

2

pattern

le route.path propriété est mise en correspondance en la comparant à la propriété pattern propriété.

3

app-route

Il définit la propriété data avec un objet, dont les propriétés correspondent aux paramètres de patternpropriété. Il répond aux changements bidirectionnels des objets de données qu'ils produisent.

4

tail

Il représente la partie restante de l'état de l'itinéraire, une fois que le modèle a été appliqué à un itinéraire correspondant.

Hashes vs chemins

La partie du chemin de l'URL est utilisée par une route d'emplacement d'application à l'aide du serveur principal. L'emplacement de l'application peut être configuré pour utiliser la partie de hachage à l'aide de l'attribut suivant.

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