以下是在Angular中使用FormControlName设置值到PrimeNG p-dropdown的解决方法的示例代码:
npm install primeng --save
npm install @angular/forms --save
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
export class YourComponent implements OnInit {
form: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.form = this.fb.group({
dropdownValue: ['', Validators.required]
});
}
}
export class YourComponent implements OnInit {
form: FormGroup;
dropdownOptions: any[];
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.dropdownOptions = [
{ label: 'Option 1', value: 'option1' },
{ label: 'Option 2', value: 'option2' },
{ label: 'Option 3', value: 'option3' }
];
this.form = this.fb.group({
dropdownValue: ['option2', Validators.required]
});
}
}
在上述示例中,我们首先在组件类中创建了一个表单组。然后,在模板中使用p-dropdown组件,并将FormControlName指定为表单控件的名称。最后,在组件类中设置p-dropdown的选项列表和初始值。
这样,你就可以使用FormControlName设置值到PrimeNG p-dropdown了。