import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core'; import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material'; import { FormBuilder, FormGroup } from '@angular/forms'; @Component({ selector : 'fuse-mail-compose', templateUrl : './compose.component.html', styleUrls : ['./compose.component.scss'], encapsulation: ViewEncapsulation.None }) export class FuseMailNgrxComposeDialogComponent implements OnInit { composeForm: FormGroup; constructor( public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) private data: any, private formBuilder: FormBuilder ) { this.composeForm = this.createComposeForm(); } ngOnInit() { } createComposeForm() { return this.formBuilder.group({ from : { value : ['johndoe@creapond.com'], disabled: [true] }, to : [''], cc : [''], bcc : [''], subject: [''], message: [''] }); } }