src/app/features/file/edit-photo/image-popup/image-popup.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | app-image-popup |
| standalone | true |
| imports |
MatDialogModule
|
| styleUrls | ./image-popup.component.scss |
| templateUrl | ./image-popup.component.html |
No results matching.
DialogCloseComponent
MatDialogModule
Properties |
| data |
Type : unknown
|
Default value : inject<{
url: string;
}>(MAT_DIALOG_DATA)
|
import { Component, inject, ChangeDetectionStrategy } from "@angular/core";
import { MAT_DIALOG_DATA, MatDialogModule } from "@angular/material/dialog";
import { DialogCloseComponent } from "../../../../core/common-components/dialog-close/dialog-close.component";
@Component({
changeDetection: ChangeDetectionStrategy.OnPush,
selector: "app-image-popup",
imports: [DialogCloseComponent, MatDialogModule],
templateUrl: "./image-popup.component.html",
styleUrls: ["./image-popup.component.scss"],
})
export class ImagePopupComponent {
data = inject<{
url: string;
}>(MAT_DIALOG_DATA);
}
<app-dialog-close mat-dialog-close></app-dialog-close>
<img [src]="data.url" style="margin: 40px" />
./image-popup.component.scss
img {
max-width: 60vw;
}