import { Component, Inject } from '@angular/core'; import { MAT_DIALOG_DATA } from '@angular/material/dialog'; @Component({ selector: 'aspect-multiline-text-edit-dialog', template: ` <mat-dialog-content> <mat-form-field> <mat-label>{{'text' | translate }}</mat-label> <textarea #inputElement matInput type="text" [value]="data.text"> </textarea> </mat-form-field> </mat-dialog-content> <mat-dialog-actions> <button mat-button [mat-dialog-close]="inputElement.value">{{'save' | translate }}</button> <button mat-button mat-dialog-close>{{'cancel' | translate }}</button> </mat-dialog-actions> ` }) export class TextEditMultilineDialogComponent { constructor(@Inject(MAT_DIALOG_DATA) public data: { text: string }) { } }