在Angular中,可以使用disable()
方法来设置表单控件的disabled属性。下面是一个示例:
首先,在组件类中,创建一个响应式表单并定义表单控件:
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup } 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;
ngOnInit() {
this.myForm = new FormGroup({
name: new FormControl({ value: '', disabled: true }),
email: new FormControl('')
});
}
}
然后,在模板中使用表单控件,并在初始化后使用disable()
方法设置其disabled属性:
最后,在组件类中的ngOnInit()
方法中,使用disable()
方法来设置表单控件的disabled属性:
ngOnInit() {
this.myForm = new FormGroup({
name: new FormControl({ value: '', disabled: true }),
email: new FormControl('')
});
// 设置表单控件的disabled属性
this.myForm.get('name').disable();
}
在以上示例中,name表单控件在初始化后被设置为disabled状态,并且无法编辑。