在ngIf语句中使用setAttribute()方法将required属性设置为true或false。举个例子:
在HTML文件中:
{{errorMessage}}
在组件中:
import { Component } from '@angular/core';
import { Validators, FormControl } from '@angular/forms';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
value = '';
isRequired = true;
get errorMessage(): string {
if (this.myInput.hasError('required')) {
return '必填字段';
}
}
myInput = new FormControl('', Validators.required);
}
在上面的示例中,我们使用了isRequired属性来控制是否显示验证错误消息。如果isRequired为true,则输入字段是必填项,并在Input组件中设置了Validators.required。如果isRequired为false,则未设置Validators.required,并且不会显示任何错误消息。此外,我们还使用了getAttribute()方法在ngIf语句中设置了required属性的值。