如何访问打字稿中的字段验证错误？

Posted 2023-03-13

【中文标题】如何访问打字稿中的字段验证错误？

【英文标题】：How to access field validation's errors in typescript?

【发布时间】：2017-12-01 09:55:31

【问题描述】：

我在一个字段上有这个验证：

<div class="col-lg-6">
          STRADA
          <input name="street" #street="ngModel" class="form-control" [(ngModel)]="model.Address.Street" required/>
          <div *ngIf="street.errors && (street.dirty || street.touched)" class="alert alert-danger">
             <div [hidden]="!street.errors.required">
                Strada este obligatorie!
             </div>
          </div>
 </div>

如何在打字稿端访问street.errors？

提前致谢。

【问题讨论】：

使用ViewChild() 获取#street。见here。这不是打字稿的事情，而是有角度的事情。

【参考方案1】：

您可以使用@ViewChild 访问元素

 import  ....., ViewChild  from '@angular/core';

    export class YourComponent....  
       @ViewChild('street') streetElement;

        private checkElementStatus(): void  
           console.log(this.streetElement.errors)