1

在此处输入图像描述我已经使用 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]
})

如何处理这种情况?

4

0 回答 0