大佬教程收集整理的这篇文章主要介绍了使用反应形式进行Angular和froala编辑器验证,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="form-group"> <label for="jobDescription">Job Description</label> <textarea style="height: 300" [froalaEditor] formControlName="jobDescription" name="jobDescription" id="jobDescription" cols="30" rows="10" class="form-control"></textarea> <div class="text-danger" *ngIf="!jobDescription?.valid && jobDescription.touched"> <span class="text-danger" *ngIf="jobDescription.errors?.required">Job Description is required.</span> </div> </div>
我只想在触摸该字段时显示验证消息.然而,触摸状态不会成为现实.如果我从* ngIf中删除jobDescription.touched,那么当该字段为空时,将显示验证消息.问题是验证消息从一开始就存在(在触摸字段之前).知道如何解决这个问题吗?
这就是我的.ts文件的样子.
export class JobFormComponent { form = new FormGroup({ jobDescription: new FormControl('',Validators.required),... ... }); get jobDescription() { return this.form.get('jobDescription'); } }
/** * on after content init lifecycle hook */ ngAfterContentInit() : void { this.froalaEditor.markAsPristine(); this.froalaEditor.markAsUntouched(); }
然后在你的HTML中froalaEditor.pristine || !form.get( ‘jobDescription’)
以上是大佬教程为你收集整理的使用反应形式进行Angular和froala编辑器验证全部内容,希望文章能够帮你解决使用反应形式进行Angular和froala编辑器验证所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。