如果验证在angular中通过，如何添加类

在Angular中，如果要验证通过后添加类，可以使用Angular的表单验证机制和ngClass指令来实现。

首先，确保你已经在组件中引入了FormsModule或ReactiveFormsModule，以便使用Angular的表单验证功能。

接下来，在模板中的表单元素上添加相应的验证器。例如，如果你想验证一个输入框的必填性，可以使用required验证器：

<input type="text" name="myInput" [(ngModel)]="myInputValue" required>

在上述代码中，ngModel指令用于双向绑定输入框的值到组件中的myInputValue属性。required验证器用于验证输入框是否为空。

然后，你可以使用ngClass指令来根据验证结果动态添加类。在模板中，你可以使用ngClass指令来绑定一个对象，该对象的键是类名，值是一个布尔表达式，用于判断是否添加该类。例如，你可以根据表单元素的验证状态来添加不同的类：

<input type="text" name="myInput" [(ngModel)]="myInputValue" required [ngClass]="{'valid': myForm.controls.myInput.valid, 'invalid': myForm.controls.myInput.invalid}">

在上述代码中，ngClass指令绑定了一个对象，当myInput的验证状态为valid时，添加valid类；当验证状态为invalid时，添加invalid类。

最后，你可以在组件中定义一个表单对象，并在模板中引用该表单对象。例如，在组件中定义一个名为myForm的表单对象：

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      myInput: new FormControl('')
    });
  }
}

在上述代码中，使用FormGroup和FormControl来定义表单对象myForm，并将myInput作为一个FormControl添加到myForm中。

通过以上步骤，当验证通过时，Angular会自动添加valid类；当验证不通过时，会自动添加invalid类。你可以根据需要自定义这些类的样式。

希望以上解答对你有帮助！如果你需要更多关于Angular的信息，可以参考腾讯云的Angular产品介绍页面：Angular产品介绍。