import { Component, OnInit } from '@angular/core'; import {FormControl, FormGroup} from '@angular/forms'; @Component({ selector: 'app-claim-payment', templateUrl: './claim-payment.component.html', styleUrls: ['./claim-payment.component.css'] }) export class ClaimPaymentComponent implements OnInit { claimPaymentForm: FormGroup; showReportForm: FormGroup; showReport = false; constructor() { } ngOnInit() { this.claimPaymentForm = new FormGroup({ date: new FormControl(), remarks: new FormControl(), name: new FormControl(), }); this.showReportForm = new FormGroup({}); } search() { this.showReport = true; } submit() {} editHandler($event) { } deleteHandler($event) { } addHandler($event) { } onSubmit() { this.showReport = false; } onCancel() { this.showReport = false; } }