import { Component, Inject, OnInit } from '@angular/core'; import { FormControl, FormGroup, Validators } from '@angular/forms'; import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; @Component({ selector: 'transaction', templateUrl: './transaction.component.html', styleUrls: ['./transaction.component.css'] }) export class TransactionComponent implements OnInit { input_form:FormGroup; constructor( public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data: any, ) { this.input_form = new FormGroup({ to: new FormControl('',Validators.required), amount: new FormControl(0,[Validators.required, Validators.min(0.01)]) }); } doTransaction(){ this.dialogRef.close({...{type:'transaction'},...this.input_form.getRawValue()}) } onNoClick(): void { this.dialogRef.close({type:'cancel'}); } ngOnInit(): void { } }