Проверка шаблона пароля не работает в HTML в ionic3?

Question

Я реализовал проверку шаблона пароля в нашем HTML с формой, она не работает, но работает, если создала отдельную функцию и затем сопоставила шаблон с регулярным выражением. Я не понимаю, что не так с моим кодом?

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, в котором атрибут шаблона не работает, но в моем TS он работает.Почему он не работает с атрибутом pattern?