イオン/角度2の入力正規表現パターンが壊れています

Question

私のプロジェクトでいくつかの更新が行われた後、入力パターンはもはや機能しません。イオン2.1.18入力パターンに更新後のように見えることは壊れているようです： この部分はPassword.valid前に、私のために働いたが、今常に偽です：

<ion-item> 
    <ion-label floating>Password*</ion-label> 
    <ion-input type="password" required [(ngModel)]="regModel.Password" name="Password" 
       #Password="ngModel" pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d*\w]{5,}$" 
       (change)="checkPassword()"></ion-input> 
    </ion-item> 
    <ion-item no-border no-lines no-margin *ngIf="!Password.valid && Password.dirty" color="danger"> 
    <small>Five characters minimum,</small> 
    <br> 
    <small> at least 1 uppercase, 1 lowercase and 1 number {{Password.valid}} {{Password.dirty}} 
    </small> 
    </ion-item> 

更新

おかしい事、いくつかの単純な正規表現は正常に動作しますが、別のものは動作しません。 [a-zA-Z] * - うまく動作しない、\ d {5} - しない

Answer 1

もし誰かがIonic patternに問題が発生した場合、

• は、少なくとも一つの番号
• 少なくとも一つの特殊文字
• 少なくとも一つ小文字
• 少なくとも一つの大文字

が含まれています HTML内部

export class SignUpPage { 
    public PASSWORD_REGEX = `.*(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\\$%\\^&\\*]).*` 

// ... 
} 

：

<ion-input [(ngModel)]="signUpData.password" 
      name="password" 
      type="password" 
      #password="ngModel" 
      [minlength]="10" 
      [pattern]="PASSWORD_REGEX" 
      required> 
</ion-input> 

注：私は正規表現で、パスワードの長さのチェックを省略し、[minlength]財産の内側に入れて、その長さは簡単に掘り下げることなく制御することができました.tsファイル内

正規表現は、正規表現で実装したい場合は、次のようにしてください： .*(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{10,}) - ここでは、ユーザは少なくとも10文字のパスワードを提供する必要があります。