如果降价编辑器在表单中留空,如何抛出错误?
How to throw an error if markdown editor left empty in the form?
我在我的 angular HTML 文件表单中使用了 markdown 编辑器,如下所示:
<td-text-editor class="full-width" formControlName="description"></td-text-editor>
在表单中,如果我们将描述留空,它应该会抛出一个错误。有任何输入吗?
只需向您的 formControl 添加一个必需的验证器,然后您就可以在您的模板上显示该 formControl 的错误
this.myform = new FormGroup({
'description': new FormControl(this.hero.power, Validators.required)
});
在您的模板上
<input id="name" class="form-control"
formControlName="description" required >
<div *ngIf="description.invalid && (description.dirty || description.touched)"
class="alert alert-danger">
<div *ngIf="name.errors.required">
Description is required.
</div>
我在我的 angular HTML 文件表单中使用了 markdown 编辑器,如下所示:
<td-text-editor class="full-width" formControlName="description"></td-text-editor>
在表单中,如果我们将描述留空,它应该会抛出一个错误。有任何输入吗?
只需向您的 formControl 添加一个必需的验证器,然后您就可以在您的模板上显示该 formControl 的错误
this.myform = new FormGroup({
'description': new FormControl(this.hero.power, Validators.required)
});
在您的模板上
<input id="name" class="form-control"
formControlName="description" required >
<div *ngIf="description.invalid && (description.dirty || description.touched)"
class="alert alert-danger">
<div *ngIf="name.errors.required">
Description is required.
</div>