src/app/features/file/edit-photo/image-popup/image-popup.component.ts

Metadata

Relationships

Used by

No results matching.

Depends on

Index

Properties

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;
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""