Can't bind to 'options' since it isn't a known property of 'p-multiSelect'

Question

I am trying to implement datatable filter of primeng. My code is as below:

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

But it is showing an error: Can't bind to 'options' since it isn't a known property of 'p-multiSelect'.

Answer 1

You need to import import {MultiSelectModule} from 'primeng/primeng'; ' in your module.ts under imports

imports: [
  MultiSelectModule
]

Answer 2

You need to install Angular CDK. Use npm install @angular/cdk --save command. Import multi select module in yourModule.module using

import {MultiSelectModule} from 'primeng/multiselect';