在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类的样式。

对于Angular 4中的表单验证，推荐使用Angular的内置表单验证机制，如模板驱动表单或响应式表单。你可以使用Angular的FormControl、FormGroup和Validators等类来实现验证逻辑。关于Angular表单验证的更多信息，请参考以下链接：

• Angular 表单验证指南：https://angular.cn/guide/form-validation
• Angular FormControl 文档：https://angular.cn/api/forms/FormControl
• Angular FormGroup 文档：https://angular.cn/api/forms/FormGroup
• Angular Validators 文档：https://angular.cn/api/forms/Validators

此外，如果你在使用腾讯云的云计算服务，可以考虑使用腾讯云的云服务器（CVM）来部署和运行你的Angular 4应用程序。腾讯云的云服务器提供了高性能、可扩展和安全的计算资源。你可以通过以下链接了解更多关于腾讯云云服务器的信息：

• 腾讯云云服务器产品介绍：https://cloud.tencent.com/product/cvm
• 腾讯云云服务器购买链接：https://buy.cloud.tencent.com/cvm