2017-10-09 4 views
1

Dans mon application angulaire 4 Je dois aller dans la même page avec le paramètre de routage différent, par exemple, j'ai:angulaires multiples paramètres de routage

  1. /ticketBundles/{id}
  2. /ticketBundles/new
  3. /ticketBundles/{id}/copy

Maintenant, quand je navigue j'utilise this.router.navigate(path,id) Dans 2 et 3 je dois aller dans la même page mais dans un dif Dans le troisième cas, j'ai besoin de charger des données, alors quelle est la meilleure pratique pour le faire? Le troisième chemin est un bon chemin? Si j'utilise un chemin comme /ticketBundles/copy/{id} je suis un bon moyen?

Répondre

1

Il est recommandé de suivre la programmation RESTFUL. What exactly is RESTful programming?

Ainsi, par exemple le plus proche, vous pouvez obtenir dans votre exemple serait ..:

NEW (POST): /ticketBundle 
UPDATE (PUT): /ticketBundle/{id} 
SHOW (GET): /ticketBundle/{id} 

et pour votre copie que je ferais /ticketBundle/{id}/copy

Vous devriez jeter un oeil à la documentation officielle pour routage angulaire pour vous aider 1. Accédez à une nouvelle page. 2. Passez dans les paramètres. 3. Récupérez les paramètres sur une nouvelle page.

https://angular.io/guide/router

Dans votre module de routage:

{ path: 'ticketBundle/:id', component: ticketComponent } 

Dans votre composant

this.router.navigate(['/ticketBundle', { id: ticketID}]); 
+0

suivante '/ ticketBundle/{id}/copy' comment puis-je gérer le routage quand je route vers , et comment définir le code dans mon composant – Alessandro

+0

ok et dans les chemins '/ ticketBundle/{id}/copy' comment je peux le gérer, je ne veux pas utiliser les paramètres de requête car le chemin sera'/ticketBundle; id = {id}; mo de = copy' – Alessandro

+0

Pourquoi ne pas utiliser les params?/ticketBundle/{id}/{mode}. De cette façon, vous pouvez vérifier le paramètre de mode et en fonction de ce qu'il est comme la copie, puis effectuer ces fonctions – KHAN