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);
}
});
}
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 {
}
}
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras