我已经使用 formBuilder 实现了对文本框控件的验证。相同的表单用于添加新条目和编辑现有记录。但是当我通过编辑按钮点击进入页面时,文本框包含预填充的值。在这种情况下,它也会向我显示一个错误,直到并且除非我触摸它并编辑记录。
我的代码:
<input type="text" #modelName class="form-control" name="modelName"
(input)="objAssetModel.AssetModelName=modelName.value"
value="{{objAssetModel.AssetModelName}}"
placeholder="Enter Model Name"
[ngClass]="{'error':!modelForm.controls['modelName'].valid
[formControl]="modelForm.controls['modelName']"/>
<div *ngIf="modelForm.controls['modelName'].hasError('required') && modelForm.controls['modelName'].touched"
class="alert alert-danger">Please enter Model Name
</div>
在构造中,我编写了以下代码
this.modelForm = formbuilderObj.group({
'modelName': [this.objAssetModel.AssetModelName, Validators.required],
'cboManufacturer': [this.objAssetModel.AssetModelManufacturerName, Validators.required]
})
如何处理这种情况?