我无法让 [class.is 无效] 在 Angular 反应形式中工作

Question

我试图让表单的输入变成红色，当我点击它们，然后在外面点击而不写任何东西时，但它不起作用，我不明白为什么。你能帮我理解为什么吗？谢谢

这是我的HTML代码：

<form [formGroup]="forma" *ngIf="forma" (submit)="submit()">
<input type="text" formControlName="nombre" [class.is-invalid]="nombreNoValido">
<input type="text" formControlName="apellido">
<input type="email" formControlName="email">
<button type="submit">Submit</button>

</form>

这是.ts组件：

forma:FormGroup;
constructor(private infoService: InfoService,
private fb: FormBuilder
) { 
this.initializeForm()
}

initializeForm(){
this.forma = this.fb.group({
nombre: ['', Validators.required],
apellido: ['', Validators.required],
email: ['', Validators.required]
})
}
get nombreNoValido(){
return this.forma.get('nombre').invalid && this.forma.get('nombre').touched
}

Answer 1

实际上你错过了在表单控制类中添加。当你添加means时，它将工作

<输入类型＝"；文本">class＝"；形式控制">formControlName="；nombre"；[class.is invalid]="；nombreNoValido">