0
votes

Comment recevoir des paramètres d'une autre page

Je fais une application de calcul numérique où je veux passer des paramètres d'une page à une autre, mais je n'obtiens que la première valeur. Que puis-je faire pour montrer le reste des valeurs dans mon composant2?

Je reçois la première valeur de la matrice dans ma page2 mais je ne suis pas en mesure d'obtenir d'autres valeurs qui arrivent dans ma console.log

composant1.ts: - xxx

composant2.ts: - xxx

composant2.html: - < / p> xxx

Je m'attends à la sortie comme toutes les valeurs affichées dans mon application

angular

4 commentaires

Vous ne connectez pas les pages que vous connectez des composants. Angulaire est une application de page unique. Je ne suis donc pas sûr de ce que vous entendez par une 2ème page, vous voulez dire une autre application? Si la réponse n'est pas la case, vous devez définir un routeur

désolé, je suis nouveau à angular oui ce sont des composants

Ensuite, vous avez plusieurs options ... 1. Un routeur -> angular.io/guide/router en fonction Jusqu'où sont les composants les uns des autres 2. Événements avec Eventemiter 3. Observez à travers un service.

Ici, j'ai passé les données à l'aide de naviguer mais seule la première valeur est affichée sur la deuxième page.

3 Réponses :

0
votes

Une solution possible.

dans le composant1.ts: - Essayez d'appeler comme suit: P>

export class OperationComponent implements OnInit {
  public f: number;
  public fa: number;
  public answer: number;
  que:[]; // What for?

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.f = parseInt(this.route.snapshot.paramMap.get("firstNum"));
    this.fa = parseInt(this.route.snapshot.paramMap.get("secondNum"));
    this.answer = parseInt(this.route.snapshot.paramMap.get("answer"));
  }

3 commentaires

Toutes les données sont passées à la composante 2 (je peux le voir sur la console) mais seule la première valeur est affichée.

S'il vous plaît regarder la mise à jour n ° 1 et 2

Que dois-je faire quand quelqu'un répond à ma question?

0
votes

vous poussez this.que.push ({préneusnum, secondnum}); code> préneus et secondnum dans le même tableau droit?

Alors pourquoi n'envoyez-vous pas l'ensemble de la matrice à la Page suivante pour que vous puissiez y accéder là-bas comme vous le souhaitez. P>

La façon dont vous faites la volonté et que vous pouvez vous guider dans le désordre de code et une serrure éventuelle à l'avenir lorsqu'il s'agit de passer plusieurs paramètres dans le besoin. P>

SO, P >

this.router.navigate(['/operation', { que: this.que, answer: answer } ]);

0 commentaires

0
votes

Vous pouvez obtenir la même chose en deux étapes:

étape 1: strong> Envoyez la requête Param tout en naviguant d'une page à une autre page. p> xxx pré>

étape 2: strong> Dans un autre composant, vous pouvez obtenir la valeur de Query Param via le module activéRoute CODE>. P>

 constructor( private _Activatedroute: ActivatedRoute)

0 commentaires