como passar uma resposta de serviço de componente para outro componente no angular 2

Ajay

Eu sou novo no angular 4, obtendo resposta do servidor em um componente e quero este objeto de resposta em outro componente como acessar

app.component.ts:

export class AppComponent {
  selected;
  skipCount: number = 0;
  errorMessage: string;
  searchedResults: any;

  searchObj: Object = {
    skipCount: this.skipCount
  };

  onChange(newVlaue){
    console.log(newVlaue);
    this.selected = newVlaue;
  }

  constructor(
    private searchService: searchService,
    private router: Router) {}

  searchall() {
    console.log(this.searchObj);

    var searchData = this.searchObj;
    console.log(searchData);

    this.searchService.getSearchbyDistrictCategoryCity(this.searchObj)
      .subscribe(
        data => {
          this.searchedResults = data;
          console.log(this.searchedResults);
          this.router.navigate(['/searchdetails/'])
        },
        error => this.errorMessage = <any>error);
  }
}

Eu quero o resultado da variável searchResults em outro componente, como os detalhes da pesquisa, como conseguir isso.

Obrigado!

julgamento

Você pode salvar os resultados da pesquisa em seu searService e recuperá-los de lá. Para isso, basta adicionar a propriedade searchResults em seu serviço e atualizá-lo com os resultados da pesquisa atual. Seria algo parecido com o seguinte:

export class SearchService {
  public searchResults;

  ... 
}

e sempre que você quiser atualizar os resultados da pesquisa, você deve fazer: `` `

this.searchService.getSearchbyDistrictCategoryCity(this.searchObj).subscribe(data=>{
  this.searchedResults = data;
  this.searchService.searchResults = data; 
},error=>this.errorMessage= <any>error);

você também pode substituir sua função de pesquisa para atualizar a propriedade searchResults automaticamente ao encontrar resultados em seu serviço.

e no outro componente você pode apenas usar a propriedade do serviço

this.searchedResults = this.searchService.searchResults;

Se você deseja que o componente seja atualizado automaticamente com a nova data, você deve ligar o userService diretamente à entrada ou adicionar um ouvinte para a mudança de dados.

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Como passar dados de serviço de um componente para outro no Angular 5

Como passar uma função de um componente para outro usando o Angular?

como passar dados de um componente para outro componente no angular 2?

Como passar o valor da variável de um componente para outro no angular 2

Como passar o valor da variável de um componente para outro no Angular2

Como posso passar uma variável de @Input para um serviço em um componente Angular2>

Como passar o valor da string para outro componente de reação e obter alguma resposta desse componente?

Podemos passar o template html de um componente para outro componente no angular2?

Podemos passar o template html de um componente para outro componente no angular2?

Angular 6 Como passar a matriz de um componente para outro

Angular 2 compartilhando dados de componente para serviço e de volta para outro componente

Angular: como passar dados de um componente para outro componente sem passar por HTML?

Angular: como passar dados de um componente para outro componente sem passar por HTML?

Como navegar de um componente para uma determinada divisão de outro componente no angular?

Como importar componente para uma classe de serviço no Angular

Como passar adereços de um componente filho para outro componente filho usando o componente pai

Como passar adereços de um componente filho para outro componente filho usando o componente pai

Como passar dois argumentos para uma função de componente pai do componente filho angular 7?

Como faço para passar uma variável de um componente para outro?

Como passar dados de um componente para outro por meio de uma função no ReactJS?

como passar os resultados de uma função de um componente para outro no reagente nativo?

Como passar dados de um componente para outro componente

Como passar dados de um componente para outro componente

Como passar um tipo de componente para renderizar para outro componente no Angular?

Como passar uma função para outro componente de reação?

Como passar um objeto de um componente para outro no Angular 2?

Passar dados de um componente para o serviço e depois para outro componente

Passe uma corda para o componente de outro componente tpl no angular2

Como passar let-c = "close" do template modal para o angular 5 de outro componente

TOP lista

  1. 1

    R Shiny: use HTML em funções (como textInput, checkboxGroupInput)

  2. 2

    UITextView não está exibindo texto longo

  3. 3

    Dependência circular de diálogo personalizado

  4. 4

    Acessando relatório de campanhas na AdMob usando a API do Adsense

  5. 5

    Como assinar digitalmente um documento PDF com assinatura e texto visíveis usando Java

  6. 6

    R Folheto. Dados de pontos de grupo em células para resumir muitos pontos de dados

  7. 7

    Setas rotuladas horizontais apontando para uma linha vertical

  8. 8

    O Chromium e o Firefox exibem as cores de maneira diferente e não sei qual deles está fazendo certo

  9. 9

    Definir um clipe em uma trama nascida no mar

  10. 10

    Por que meus intervalos de confiança de 95% da minha regressão multivariada estão sendo plotados como uma linha de loess?

  11. 11

    Como dinamizar um Dataframe do pandas em Python?

  12. 12

    regex para destacar novos caracteres de linha no início e no fim

  13. 13

    Why isn't my C# .Net Core Rest API route finding my method?

  14. 14

    Como obter a entrada de trás de diálogo em treeview pyqt5 python 3

  15. 15

    Tabela CSS: barra de rolagem para a primeira coluna e largura automática para a coluna restante

  16. 16

    How to create dynamic navigation menu select from database using Codeigniter?

  17. 17

    Como recuperar parâmetros de entrada usando C #?

  18. 18

    Changing long, lat values of Polygon coordinates in python

  19. 19

    Livros sobre criptografia do muito básico ao muito avançado

  20. 20

    Método \ "POST \" não permitido no framework Django rest com ações extras & ModelViewset

  21. 21

    Pesquisa classificada, conte números abaixo do valor desejado

quentelabel

Arquivo