Question

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

Answer 1

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

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

Answer 2

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

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

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

2 个答案: