Como passar e acessar dados de um componente de diálogo no angular?

Tim Launders

Eu tenho dois componentes Component A e UserActivationDialogComponent. Passei dados com base no código abaixo do Componet A para UserActivationDialogComponent. Como faço para acessar esses dados em meu UserActivationDialogComponent?

Alguma ideia pessoal? Obrigada .

#user código do componente da caixa de diálogo

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

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

  constructor() { }

  ngOnInit(): void {
  }

}

#Code depois de acionar o diálogo

activateUserDialog(status:string) {
    const dialogRef = this.dialog.open(UserActivationDialogComponent, {
      disableClose: true,
      data: {
        status: status,
      }
    });

    dialogRef.afterClosed().subscribe(result => {
      if (result) {
        this.updateUserProfileStatus(this.data.id);
      }
    });
  }
Chellappan w

Para acessar os dados em seu componente de diálogo, você deve usar o token de injeção MAT_DIALOG_DATA:

import { Component, OnInit,Inject } from '@angular/core';
import {MAT_DIALOG_DATA} from '@angular/material/dialog';

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

  constructor(@Inject(MAT_DIALOG_DATA) public data: {status: string}) { }

  ngOnInit(): void {
  }

}

Para mais informações

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 para o componente angular usando o componente de diálogo nebular?

como passar um valor para outro componente de diálogo em angular

No Angular 8, como passar dados dinâmicos de um observável para um diálogo modal?

No Angular 8, como passar dados dinâmicos de um observável para um diálogo modal?

Como passar dados para diálogo de material angular 2

Como passar dados no angular de diálogo 4

Como passar os dados da API HTTP GET para o componente da caixa de diálogo do angular

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 posso passar dados de um fragmento de host para fragmento de diálogo no kotlin?

Como passar o componente angular para o serviço de diálogo nebular

Como passar dados de um componente para outro componente

Como passar dados de um componente para outro componente

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

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

Como passar dados obtidos de http, de um componente Mat-Dialog para um componente pai no angular 6?

Como passar dados com classe de dados de um fragmento de diálogo para outro fragmento com interface em kotlin?

Como chamar um reagem gancho buscar solicitação em um componente funcional para acessar os dados, em seguida, passar para um componente de classe para mapear?

Como obter dados JSON no componente de diálogo

ReactJs - como posso passar dados dentro de um componente

Como passar dados de um componente para outro ReactJS

ReactJs - como posso passar dados dentro de um componente

ReactJs: Como passar dados de um componente para outro?

Como passar dados de um componente para outro no arquivo ts?

Como destruir automaticamente um componente de diálogo? como (autoHideDuration)

Como posso passar dados de um cartão, em uma lista de cartões, para um diálogo?

como passar um objeto de um componente para outro para construir um modelo de dados no angular2?

Como passar dados de um controlador para o serviço e acessar esses dados em outro controlador no mesmo evento?

Como fazer um botão no cabeçalho do componente de diálogo no PRIMENG no Angular4

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