如何在HTML视图中获取FormControl验证器

Question

我使用的是反应式。我想像这样让FormControl的验证器出现在视图中：

<span *ngIf="productForm.controls.ProductName.validator?.required" class="required-field">*</span>

我的组件代码如下：

    this.productForm = new FormGroup({
            'ProductName': new FormControl('', [Validators.required])
})

有没有办法从视图上知道ProductName有一个验证器，这是必需的

Answer 1

可以使用以下命令进行检查

*ngIf = "productForm.controls.Productname.errors.required"

检查输入是否具有所需的验证器。