1

Sou iniciante no Angular 2 e necessito abrir uma página (Component) e passar um objeto para ele. As rotas estão mapeadas e na função calcularResultado, preciso enviar o objeto questoes para o component definido na rota "/resultado"

import { Component, OnInit } from '@angular/core';

import { QuestoesService } from "./questoes.service";

import { Router, NavigationExtras } from "@angular/router";

    @Component({
        selector: 'app-questoes',
        templateUrl: './questoes.component.html',
        styleUrls: ['./questoes.component.css']
    })
    export class QuestoesComponent implements OnInit {

        questoes:any = new QuestoesService().getQuestoes();

        questaoSelecionada: any;
        questaoSelecionadaIndex: number = 0;
        router:Router;

        constructor(router: Router) {
            this.router = router;
            this.questaoSelecionada = this.questoes[0];
        }

        ngOnInit() {

        }

        avancar(){
            this.questaoSelecionadaIndex++;
            this.questaoSelecionada =  this.questoes[this.questaoSelecionadaIndex];
        }

        voltar(){
            this.questaoSelecionadaIndex--;
            this.questaoSelecionada =  this.questoes[this.questaoSelecionadaIndex];
        }

        calcularResultado(questoes){
            this.router.navigateByUrl("/resultado");
        }
    }

2 Respostas 2

4

Você pode usar a diretiva:

routerLink="/resultado" [queryParams]="questoes"

ou via código:

calcularResultado(){
    this.router.navigate(['/resultado'], 
      {queryParams: this.questoes});
}

ou

calcularResultado(){
    let navigationExtras: NavigationExtras = {
      queryParams: this.questoes,
      //fragment: 'anchor',
      //preserveQueryParams: true,
      //preserveFragment: true
    };
    this.router.navigate(['/resultado'], 
      {queryParams: this.questoes});
}

https://angular.io/docs/ts/latest/guide/router.html#!#query-parameters

2

Para acessar o parametro no component destino

  constructor(private route: ActivatedRoute) {
  }

  ngOnInit() {
    // se possivel, capture o parametro 
    let questoesParam = this.route
      .queryParamMap
      .map(params => params.get('atributo') || 'None');
  }

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .