angular form

form.ts

public acmeControl = new FormControl('', [Validators.required, Validators.pattern(constants.EMAIL_PATTERN)])

this.fb.group({
    acme: this.acmeControl,
})


///////////////

<form novalidate [formGroup]="fooForm">
    <div class="input-block" [class.filled]="acmeControl.value.length">
        <input type="text" id="acme" name="acme" [formControl]="emailControl" />
        <label for="acme">Email:</label>
    </div>
    <div class="error-box fsize12" *ngIf="!acmeControl.valid && acmeControl.dirty && acmeControl.touched">
        <p *ngIf="acmeControl.hasError('required')">
            {{ l.translations.errorMessages.requiredField }}
        </p>
        <p *ngIf="acmeControl.hasError('pattern')">
            {{ l.translations.errorMessages.invalidFieldEmail }}
        </p>
    </div>
</form>