File
Metadata
changeDetection |
ChangeDetectionStrategy.OnPush |
selector |
app-error-dialog |
styleUrls |
./error-dialog.component.scss |
templateUrl |
./error-dialog.component.html |
Constructor
constructor(data: any)
|
|
Parameters :
Name |
Type |
Optional |
data |
any
|
No
|
|
Public
data
|
Type : any
|
Decorators :
@Inject(MAT_DIALOG_DATA)
|
|
import { Component, ChangeDetectionStrategy, Inject } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'app-error-dialog',
templateUrl: './error-dialog.component.html',
styleUrls: ['./error-dialog.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class ErrorDialogComponent {
constructor(@Inject(MAT_DIALOG_DATA) public data: any) {}
}
<div>
<div>
<p>
Message: {{ data.message }}
</p>
<p *ngIf="data.status">
Status: {{ data?.status }}
</p>
</div>
</div>
Legend
Html element with directive