Сбой подтверждения пароля при написании скобок в формах, управляемых угловыми шаблонами

#html #angular #angular-forms

Вопрос:

Я пытаюсь создать форму, в которой есть входные данные для пароля и подтверждения пароля. Ниже-это то, что у меня есть, и все работает нормально, за исключением случаев, когда при первом вводе пароля вводятся круглые скобки. Ошибки в первом вводе приводят к ошибке для шаблона во втором вводе, в консоли выводится неверное регулярное выражение. Есть какой-нибудь способ это исправить?

 <form #f="ngForm" (ngSubmit)="registrer(f.value)">
    <div class="form-group">
        <label for="password">Passord:</label>
        <input required ngModel type="password" name="password" #password="ngModel" class="form- 
        control" pattern="^(?=.*[A-Za-z])(?=.*d)[A-Za-zd]{8,}$">
        <div *ngIf="!password.valid">fault</div>
    </div>
    <div class="form-group">
        <label for="confirmPassword">Bekreft Passord:</label>
        <input required ngModel type="password" name="confirmPassword" #confirmPassword="ngModel" 
        class="form-control" pattern="{{password.value}}">
        <div *ngIf="!confirmPassword.valid">Fault</div>
    </div>
</form>