Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Vue: 15174|Répondre: 0

[Angulaire] Motif de hachage de routage angulaire et motif HTML5

[Copié le lien]
Publié sur 28/05/2020 16:35:03 | | |
Deux stratégies de routage

  • PathLocationStrategy - La politique par défaut, prenant en charge le style « HTML 5 pushState ».
  • HashLocationStrategy - Prend en charge le style « hash URL ».

Quelle stratégie est la meilleure ?

Il faut choisir une stratégie et la mettre en œuvre dès le début du projet. Une fois l’application en production, il n’est pas facile de la modifier car il y a déjà beaucoup de références à l’URL de l’application.

Presque tous les projets Angular utilisent le style HTML 5 par défaut. Les URL générées sont plus faciles à comprendre pour les utilisateurs, et cela laisse également place au rendu côté serveur à l’avenir.

Afficher une page donnée côté serveur est une technique qui peut grandement améliorer la réactivité de l’application lors de son premier chargement. Les applications qui mettraient autrement dix secondes ou plus à charger peuvent être rendues à l’avance côté serveur et rendues sur l’appareil de l’utilisateur en moins d’une seconde.

Cette option ne fonctionne que si l’URL de l’application ressemble à une URL web standard sans hachage (#) au milieu.

À moins d’avoir une raison forte d’utiliser le routage par hachage, vous devriez rester fidèle au style de routage HTML 5 par défaut

angular-cli utilise par défaut le mode Historique HTML5,

http://localhost:4200/task-list de type URL,

Les URL paraissent plus confortables et plus belles. Un rafraîchissement sur la page de routage donnera 404

Il existe aussi un motif qui est le motif de hachage,

http://localhost:4200/#/task-list de type URL,

Aller à la page de l’itinéraire et la rafraîchir restera sur l’itinéraire actuel.

Activez la méthode de routage par hachage

app.module.ts introduit et fournisseur






Précédent:SQL Server interroge les jours précédents de l’heure système actuelle
Prochain:Hauteur de réglage CSS : solution 100 % invalide
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.

Mail To:help@itsvse.com