title: Form Control isn't working for one of my input fields
body: <p>I have a registration form that has multiple input fields(username, email, password, confirm password). I set some form control on those fields like min length and stuff like that but for some reason it's working for all fields except the username.</p>
  
  <p>Here's the username field:</p>
  
  <pre><code>&lt;div class="form-control-group"&gt;
  &lt;label class="label" for="input-name"&gt;Username:&lt;/label&gt;
  &lt;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 &amp;&amp; username.touched ? true : null"&gt;
  &lt;ng-container *ngIf="username.invalid &amp;&amp; username.touched"&gt;
    &lt;p class="error-message" *ngIf="username.errors?.required"&gt;
      Username is required!
    &lt;/p&gt;
    &lt;p class="error-message" *ngIf="username.errors?.minlength || username.errors?.maxlength"&gt;
      Username should contains
      from {{getConfigValue('forms.validation.username.minLength')}}
      to {{getConfigValue('forms.validation.username.maxLength')}}
      characters
    &lt;/p&gt;
  &lt;/ng-container&gt;
  </code></pre>
  
  <p></p>