解决该问题的方法如下:
npm install -g @angular/cli
然后使用以下命令创建新的Angular项目:
ng new my-angular-project
cd my-angular-project
ng add primeng
此命令将自动安装Primeng库并将其添加到你的Angular项目中。
app.module.ts
文件并添加以下代码:import { DropdownModule } from 'primeng/dropdown';
@NgModule({
imports: [
// 其他模块
DropdownModule
],
// 其他配置
})
export class AppModule { }
app.component.ts
,添加以下代码:import { Component } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
form: FormGroup;
items: any[];
constructor() {
this.form = new FormGroup({
selectedItem: new FormControl(null)
});
this.items = [
{ label: 'Item 1', value: 'item1' },
{ label: 'Item 2', value: 'item2' },
{ label: 'Item 3', value: 'item3' }
];
}
}
app.component.html
,并添加以下代码:
这样,你就可以在Angular 2+项目中使用Primeng下拉菜单和响应式表单了。请注意,上述示例仅供参考,你可以根据自己的需求进行修改和扩展。