使用angular2形成最大长度字段验证

Question

如何在不使用 formbuilder.

的情况下使用 angular2 验证具有最大长度或最小长度的 username 字段

我尝试了以下方法，但没有用

<ion-item>
        <ion-icon name="person" item-left class="placeholder-icon"></ion-icon>
        <ion-label floating primary>Username</ion-label>
        <ion-input [(ngModel)]="login.username" ngControl="username" type="text" #username="ngForm" ng-minlength="5" required>
        </ion-input>
      </ion-item>

      <div [hidden]="username.valid || username.pristine">
        <p *ngIf="username.errors && username.errors.required" danger padding-left>
            user name is required
        </p>
        <p *ngIf="username.errors && username.errors.minlength" danger padding-left>
            min length atleast 5
        </p>
      </div>    
<ion-item>

Answer 1

只需将 minlength 添加到您的输入元素。这样 MinLengthValidator 指令将自动添加并注册为验证器：

<ion-input [(ngModel)]="login.username"
       ngControl="username" type="text"
       #username="ngForm" minlength="5" required>