要解决Angular响应式表单禁用控件无效的问题,可以尝试以下解决方法:
import { Component, OnInit } 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 implements OnInit {
myForm: FormGroup;
ngOnInit() {
this.myForm = new FormGroup({
myControl: new FormControl({ value: '', disabled: true }),
});
}
}
import { Component, OnInit } 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 implements OnInit {
myForm: FormGroup;
ngOnInit() {
this.myForm = new FormGroup({
myControl: new FormControl(''),
});
this.myForm.disable(); // 禁用整个表单
}
}
这些解决方法应该能够解决Angular响应式表单禁用控件无效的问题。如果问题仍然存在,请检查是否有其他代码或逻辑干扰了禁用状态。
下一篇:Angular响应式表单克隆值