角度垫错误比较两个字段在字段标签中不起作用

时间:2018-09-03 17:20:35

标签: angular angular-material

尝试比较两个密码字段。

<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>

使用class值top:-10px消息可见。

0 个答案:

没有答案