我有一个Angular 2表单,它使用模板驱动的方法,我正在将其转换为模型驱动的方法。目前,表单使用的样式如下:
.ng-valid[required] {
border-left: 5px solid #42A948; /* green */
}
这将用绿色条标记所有具有必需属性的字段。
现在我将其转移到模型驱动,该控件不再具有“必需”属性。有没有办法通过表单中的绑定来访问与控件(见下文)相关的验证规则?
buildForm() {
this.heroForm = this.fb.group({
'name': [this.model.name,
Validators.compose([Validators.required,
Validators.minLength(4),
Validators.maxLength(24)])],
'alterEgo': [this.model.alterEgo],
'power': [this.model.power, Validators.required]
});
发布于 2016-06-02 07:36:39
通过使用我的一组内部数据结构并构建如下方法,我能够提供此逻辑:
isRequired(controlName: string): boolean {
if (Object.keys(this._validationMessages).includes(controlName)) {
return Object.keys(this._validationMessages[controlName]).includes('required');}
return false;
}
然后,模板绑定到此方法,传入控件的名称。
https://stackoverflow.com/questions/37580166
复制相似问题