```
 <div class="register_input">
       <span class="red">*</span>
       <label>First Name</label>
       <input maxlength="30" formControlName="firstName" type="text" required>
       <p>{{contactUsForm.value | json}}</p>
       <p *ngIf="firstName.touched">Touched</p>
 </div>

```

Component Snippet:

```
import {Component} from "@angular/core";
import {Router} from '@angular/router';
import {FormControl, FormGroup, FormBuilder,Validators} from '@angular/forms';
@Component({
  selector:'contact us',
  templateUrl:'./contact-us.component.html'
})
export class ContactUsComponent {
  contactUsForm: FormGroup;
  constructor( private route: Router, private formBuilder: FormBuilder) {
  }
  ngOnInit(){
      this.main();
  }

  main() {
    this.contactUsForm = this.formBuilder.group({
    firstName: '',
    lastName: '',
    email: '',
    phoneNumber:''
  });
  }

```

the `<p>` doesn't appear when I click on the input or even if I enter text. I am using a reactive form. I have added the component also.