angular - 如果 Markdown 编辑器在表单中留空,如何抛出错误?
问题描述
我在我的角度 HTML 文件表单中使用了降价编辑器,如下所示:
<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>
推荐阅读
- c++ - 使用字符串数组从书籍列表中查找书籍
- amazon-web-services - 是否可以在 AWSCLI 的单个脚本中创建 EC2、S3 存储桶并分配入站规则?
- java - 使用 Java Streams 获取嵌套列表的每个第 n 个元素
- telegraf - 仅按时间而不是标签聚合 Telegraf 中的数据
- firebase - 使用 Cloud Storage 上传文件执行时间过长
- java - Android Studio:需要帮助动画进度条
- javascript - 使用角度 e2e 测试时与 gojs 画布交互
- matlab - 为 MATLAB 使用 (libccd) 共享库
- php - 删除 nginx 中 request_uri 添加的不需要的斜杠
- html - 我可以使用 tab 来聚焦 ap:inplace 组件,以便屏幕阅读器可以读取元素吗?