Угловая мат-ошибка сравнения двух полей не работает в тегах полей

Question

Попробуйте сравнить два поля пароля.

<mat-error *ngIf="txtSecondPass.value !== txtFirstPass.value && !txtSecondPass.untouched">
      {{'error.comparePassword' | translate}}
    </mat-error>

работает вне тегов, но не внутри. Что я должен изменить, чтобы он работал внутри тегов?

Код с тегом поля формы

<mat-form-field class="inputField">
      <input type="password" name="txtSecondPass" id="txtSecondPass" matInput placeholder="{{'form.repeatPassword' | translate}}" required formControlName="txtSecondPass" [errorStateMatcher]="matcher"  />
      <mat-error *ngIf="txtSecondPass.value !== txtFirstPass.value && !txtSecondPass.untouched" class="mat-error-outside">
        {{'error.comparePassword' | translate}}
      </mat-error>
    </mat-form-field>

При значении класса top: сообщение -10px видно.