在使用addControl方法时传递Disabled属性不起作用的问题可以通过以下解决方法解决:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html',
styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
name: new FormControl({ value: '', disabled: true })
});
}
}
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html',
styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
name: new FormControl()
});
this.myForm.get('name').setDisabled(true);
}
}
这些解决方法中,都使用了Angular的Reactive Forms来创建表单控件,并设置了Disabled属性。你可以根据自己的需求选择其中一种方法来解决这个问题。