反应表单验证

Question

我已经使用formBuilder实现了文本框控件的验证.Same表单用于添加新条目和编辑现有记录。 但是，当我通过编辑按钮点击页面时，文本框包含预填充 值。在这种情况下，除非我触摸并编辑记录，否则它会向我显示错误。

我的代码：

<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>

在constroctur中，我写了以下代码

this.modelForm = formbuilderObj.group({
   'modelName': [this.objAssetModel.AssetModelName, Validators.required],
   'cboManufacturer': [this.objAssetModel.AssetModelManufacturerName, Validators.required]
})

如何处理这种情况？