angular - 尝试在应用程序中使用 PrimeNG 中的 p-Dropdown 时出错

Question

我想使用 this PrimeNG-Dropdown在我的申请中。所以我做了什么:

npm i primeng --save

然后我在从 app.module.ts 导入的文件中添加了 DropdownModule。之后，我在我的 html 中包含了以下代码:

<p-dropdown [options]="optionList" [(ngModel)]="selectionString" placeholder="Choose one"></p-dropdown>

在运行 ng serve 并启动 localhost:4200 时，出现以下错误:

./node_modules/primeng/components/multiselect/multiselect.js Module not found: Error: Can't resolve '@angular/cdk/scrolling' in '%projectroot%\node_modules\primeng\components\multiselect'

我还尝试从 imports-Array 中删除导入，这导致了不同的错误。我究竟做错了什么？顺便说一句，我正在使用 Angular 7。

删除导入时出现以下错误:

Can't bind to 'options' since it isn't a known property of 'p-dropdown'.
1. If 'p-dropdown' is an Angular component and it has 'options' input, then verify that it is part of this module.
2. If 'p-dropdown' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
      <p-dropdown [ERROR ->][options]="optionList" [(ngModel)]="selectionString" placeholder="Choose one"></p-dropdown"): ng:///AppModule/ProjectGeneratorComponent.html@13:18
'p-dropdown' is not a known element:
1. If 'p-dropdown' is an Angular component, then verify that it is part of this module.
2. If 'p-dropdown' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
      [ERROR ->]<p-dropdown [options]="optionList" [(ngModel)]="selectionString" placeholder="Choose one">"): 

Answer 1

您需要安装 Angular CDK。使用 npm install @angular/cdk --save 命令。

然后在appModule中导入多选模块使用

import {MultiSelectModule} from 'primeng/multiselect';