Проверка пользовательского ввода Angular

Question

Я впервые использую формы Angular. Я пытаюсь создать форму, которая будет проверять ввод. Я не видел, чтобы он работал. Я получаю сообщение об ошибке «Имя свойства не существует для типа RegisterComponent». Мне кажется, что я что-то упустил, но во всех уроках показано только это. вот мой код:

    <div class="container">
      <h1>Register</h1>
      <p>Fill in all the fields to register</p>
      <hr>
      <form ng-app="app" name="registerForm">

        <div class="form-group">
        <label for="firstName">Name</label>
        <input id="name" type="text" class="form-control" name="name" ngModel required minlength="3" maxlength="30">
        <div *ngIf="name.$invalid && (name.touched || name.dirty)" class="alert alert-danger"></div>
    </div>

Answer 1

Некоторое значение свойства не привязано должным образом. Попробуйте этот код один раз.

Html:

<form [formGroup]="registerForm">
    <div class="form-group">
      <label for="firstName">firstName</label>
      <input formControllerName="firstName" type="text" maxlength="255" class="form-control" formControlName="firstName" id="firstName" [ngClass]="{'is-invalid': firstName.invalid && firstName.dirty}"/>
      <div class="invalid-feedback">
          firstName is required
        </div>
    </div>
</form>

Код TS:

    registerForm: FormGroup;
       ngOnInit() {
        this.registerForm = this.formBuilder.group({
          firstName: [this.registerForm.firstName, Validators.compose([Validators.required, Validators.maxLength(255)])],
        });
      }
        get firstName() { return this.registerForm.get('firstName'); }

 var firsNameObtained = this.firstName.value;//on form submit