ionic3中的HTML无法使用密码模式验证吗？

Question

我已经在HTML中实现了密码模式验证，但无法使用，但是如果创建了单独的功能，然后将其与regex匹配，则可以正常工作，我不明白我的代码有什么问题吗？

regiter(user) {
  var regRex = /^(?=.*\d)(?=.*[a-zA-Z]).{6,20}$/; 
  if(user.password.match(regRex)) {
      console.log("matched");
  } else{
    console.log("notttttt");
  }
}

<form (ngSubmit)="register()" #registerForm="ngForm">
   <ion-row>
    <ion-col>
        <ion-list inset class="no-border">
          <ion-item>
              <ion-input type="password"  name="password" [(ngModel)]='todo.password'   
              pattern="/^(?=.*\d)(?=.*[a-zA-Z]).{6,20}$/"
              required>
              </ion-input>
            </ion-item>
        </ion-list>
      </ion-col>
    </ion-row>
  <ion-row>
 <ion-col text-center>
   <button ion-button (click)="regiter(todo)"  
        [disabled]="!registerForm.form.valid">
         Login
     </button>
  </ion-col>
  </ion-row>
</form>

在我们的HTML部分下面，其中模式属性不起作用，但在我看来，它是起作用的。为什么不能使用pattern属性？