some.component.with.form

@Component({
  selector: 'app-some-component-with-form',
  template: `
        <div [formGroup]="form">
          <div class="form-control">
            <label>First Name</label>
            <input type="text" formControlName="firstName" />
          </div>
          
          <div class="form-control">
            <label>Last Name</label>
            <input type="text" formControlName="lastName" />
          </div>
          
          <div class="form-control">
            <label>Age</label>
            <input type="text" formControlName="age" />
          </div>
        </div>
    `
})
export class SomeComponentWithForm {
  
  public form: FormGroup;
  
  constructor(private formBuilder: FormBuilder){
    this.form = formBuilder.group({
      firstName: ['', Validators.required],
      lastName: ['', Validators.required],
      age: ['', Validators.max(120)],      
    })
  }
  
}