Невозможно прочитать свойство 'pattern' из null - PullRequest
Новая
       11

Невозможно прочитать свойство 'pattern' из null

0 голосов
/ 20 сентября 2018

Я пишу два поля ввода и добавляю к ним атрибут pattern. Но когда я вписываю что-то в первое поле, оно работает без проблем, но когда я вхожу во второе, оно вызывает много исключений!Я не знаю, что не так с кодом, вот моя ошибка. 

    ERROR TypeError: Cannot read property 'pattern' of null
    at Object.eval [as updateDirectives] (RegisterComponent.html:1)
    at Object.debugUpdateDirectives [as updateDirectives] (core.js?09c9:11062)
    at checkAndUpdateView (core.js?09c9:10459)
    at callViewAction (core.js?09c9:10700)
    at execEmbeddedViewsAction (core.js?09c9:10663)
    at checkAndUpdateView (core.js?09c9:10460)
    at callViewAction (core.js?09c9:10700)
    at execEmbeddedViewsAction (core.js?09c9:10663)
    at checkAndUpdateView (core.js?09c9:10460)
    at callViewAction (core.js?09c9:10700)

ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 9, nodeDef: {…}, elDef: {…}, elView: {…}}

, а вот мой HTML-код: 

<input type="password" class="form-control" id="password" name="password"
     #password="ngModel"  pattern="^[A-z0-9_]+$"
    placeholder="{{'global.form.newpassword.placeholder' | translate}}"
    [(ngModel)]="registerAccount.password" minlength=5 maxlength=30 required>

<input type="password" class="form-control" id="confirmPassword" name="confirmPassword" #confirmPasswordInput="ngModel" pattern="^[A-z0-9_]+$"
placeholder="{{'global.form.confirmpassword.placeholder' | translate}}"
[(ngModel)]="confirmPassword" minlength=5 maxlength=30 required>

1 Ответ

0 голосов
/ 20 сентября 2018

<input id="password" name="password" class="form-control" type="password" placeholder="{{'global.form.newpassword.placeholder' | translate}}" #password="ngModel" pattern="^[A-z0-9_]+$" [(ngModel)]="registerAccount.password" minlength=5 maxlength=30 required>

<input type="password" class="form-control" id="confirmPassword" name="confirmPassword" #confirmPasswordInput="ngModel" pattern="^[A-z0-9_]+$" placeholder="{{'global.form.confirmpassword.placeholder' | translate}}" [(ngModel)]="confirmPasswordTest" minlength=5 maxlength=30 required>

...