首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在angular 4中触发验证时控件标签变得突出显示

在Angular 4中,当触发验证时,可以通过设置控件的CSS类来使控件标签变得突出显示。这可以通过以下步骤实现:

  1. 在模板文件(.html)中,为控件标签添加一个CSS类,例如"highlight"。<label [class.highlight]="myForm.controls.myControlName.invalid && myForm.controls.myControlName.touched">My Control Label</label>
  2. 在组件文件(.ts)中,定义一个getter方法来获取控件。get myControlName() { return this.myForm.get('myControlName'); }
  3. 在组件的样式文件(.css)中,定义.highlight类的样式,以使控件标签突出显示。.highlight { color: red; font-weight: bold; }

在上述代码中,当myControlName控件无效(即验证失败)且已触摸时,会为控件标签添加highlight类,从而使其突出显示。你可以根据需要自定义.highlight类的样式。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的沙龙

领券