Контроль формы не работает для одного из моих полей ввода

Question

У меня есть форма регистрации, которая имеет несколько полей ввода (имя пользователя, адрес электронной почты, пароль, подтверждение пароля).Я установил некоторый контроль формы в этих полях, например, минимальную длину и тому подобное, но по какой-то причине он работает для всех полей, кроме имени пользователя.

Вот поле имени пользователя:

<div class="form-control-group">
<label class="label" for="input-name">Username:</label>
<input nbInput
       [(ngModel)]="user.username"
       #username="ngModel"
       id="input-name"
       name="username"
       placeholder="Full name"
       autofocus
       fullWidth
       [status]="email.dirty ? (email.invalid  ? 'danger' : 'success') : ''"
       [required]="getConfigValue('forms.validation.username.required')"
       [minlength]="getConfigValue('forms.validation.username.minLength')"
       [maxlength]="getConfigValue('forms.validation.username.maxLength')"
       [attr.aria-invalid]="username.invalid && username.touched ? true : null">
<ng-container *ngIf="username.invalid && username.touched">
  <p class="error-message" *ngIf="username.errors?.required">
    Username is required!
  </p>
  <p class="error-message" *ngIf="username.errors?.minlength || username.errors?.maxlength">
    Username should contains
    from {{getConfigValue('forms.validation.username.minLength')}}
    to {{getConfigValue('forms.validation.username.maxLength')}}
    characters
  </p>
</ng-container>

Answer 1

blapaz ответил на это в комментариях, но, похоже, вам просто нужно изменить привязку модели. В настоящее время у вас есть:

[(ngModel)]="user.username"

изменив его на:

[(ngModel)]="username"

должен решить вашу проблему