无法绑定到“选项”，因为它不是“p-multiSelect”的已知属性答案

【问题标题】：Can't bind to 'options' since it isn't a known property of 'p-multiSelect'无法绑定到“选项”，因为它不是“p-multiSelect”的已知属性
【发布时间】：2018-01-06 06:08:04
【问题描述】：

我正在尝试实现datatable filter of primeng。我的代码如下：

<p-column field="time" header="Time" [filter]="true" filterPlaceholder="&#xf0b0;">
  <ng-template pTemplate="filter">
    <p-multiSelect [options]="time"></p-multiSelect>
  </ng-template>
</p-column>

但它显示错误：无法绑定到“选项”，因为它不是“p-multiSelect”的已知属性。

【问题讨论】：

标签： angular datatable primeng

【解决方案1】：

您需要在imports下的module.ts中导入import {MultiSelectModule} from 'primeng/primeng'; '

imports: [
  MultiSelectModule
]

【讨论】：

我添加了这个，但问题仍然没有解决。有什么原因吗？
@Gobi , 也包括 BrowserAnimationsModule, FormsModule 之前的导入

【解决方案2】：

您需要安装 Angular CDK。使用 npm install @angular/cdk --save 命令。使用在 yourModule.module 中导入多选模块

import {MultiSelectModule} from 'primeng/multiselect';

【讨论】：

【解决方案3】：

首先我必须使用下一个命令安装 angular cdk：

npm install @angular/cdk --save

然后我不得不手动编写两行导入代码（由于某种原因没有自动完成），但在第一次启动后，一切都成功编译并工作了。

import { MultiSelectModule } from 'primeng/multiselect';

(...)

imports:[
   MultiSelectModule
]

您可以从他们的官方文档中了解更多关于 MultiSelect 的信息： https://primefaces.org/primeng/showcase/#/multiselect

【讨论】：