Angular 查看验证程序中的控件是否具有必需的属性

我正在构建一个自定义模板表单验证指令。是否可以判断控件上是否有必需的属性？

是的，我们可以。这是代码。假设我的表单控件名为“firstName”

<div *ngIf="firstName.dirty && firstName.errors" class="errorClass w-100">
     <div *ngIf="firstName.hasError('required')">
        display error message
     </div>
</div>

显示错误消息

是的，在上面的示例中，如果字段为必填字段且为空，我们将显示一条错误消息，第二个条件就是您要查找的条件

<span class="error" *ngIf="email.invalid && !!email.errors.required && (email.dirty || email.touched)">Email is required.</span>
<form [formGroup]="subscribeForm" novalidate (ngSubmit)="addSubscriber($event)">
    <input type="text" placeholder="Enter your email" formControlName="email"/>
    <button class="button margin-top-15" type="submit">Subscribe</button>
</form>

需要电子邮件。
订阅

我比较肯定的是，您不打算问一个是/否的问题，可能是想问如何完成这项任务。你可能会想重新考虑你的问题，并添加一些附加的上下文来充实你的实际需求。