angular2-forms - 如何在 HTML View 中获取 FormControl Validator

标签 angular2-forms

我正在使用响应式表单。我想像这样在 View 中获取 FormControl 的验证器:

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

我的组件代码是这样的:

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

是否有任何方法可以知道 ProductName 有一个验证器并且这是必需的

最佳答案

可以使用

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

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

关于angular2-forms - 如何在 HTML View 中获取 FormControl Validator,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40969990/

相关文章:

Angular2 react 形式删除错误

angular - 如何将 core-js 映射导入到 angular-cli webpack 生成的应用程序中

angular - #form ="ngForm"和 [ngFormModel] ="form"之间的区别?

typescript - 使用 FormBuilder Angular 2 绑定(bind)选择列表

javascript - Angular2 形式 : validator with interrelated fields

angular - 从组件内部检查 Angular2 表单是否有效

angular - 我如何以编程方式更改 Angular 2 中表单控件的原始和有效状态?我正在使用 ngModel 绑定(bind)数据

Angular 2 Reactive Form Error - TypeError : this. form.get 不是一个函数

javascript - 这里的#auto 属性是什么以及为什么需要它

javascript - Formbuilder setvalue() 在下拉选择中使用时未按预期工作