import { ModuleWithProviders, NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { DialogService } from './dialog.service'; import { TransactionComponent } from './transaction/transaction.component'; import { MatDialog, MatDialogModule } from '@angular/material/dialog'; import { MatInputModule } from '@angular/material/input'; import { MatFormFieldModule } from '@angular/material/form-field'; import { MatButtonModule } from '@angular/material/button'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { MatIconModule } from '@angular/material/icon'; @NgModule({ declarations: [ TransactionComponent ], imports: [ CommonModule, MatDialogModule, MatInputModule, MatFormFieldModule, MatButtonModule, MatIconModule, FormsModule, ReactiveFormsModule ], }) export class DialogModule { static forRoot(): ModuleWithProviders { return { ngModule: DialogModule, providers: [ {provide: DialogService} ] }; } }