error NG8002: Can't bind to 'data' since it isn't a known property of 'ng-multiselect-dropdown'.

[sstephenraj]

Angular version: 14.2.11

ng-multiselect-dropdown version: 1.0.0

Description of issue: error NG8002: Can't bind to 'data' since it isn't a known property of 'ng-multiselect-dropdown'.

Steps to reproduce:

Expected result:

Actual result:

Demo: Please share sample code link using StackBlitz or codesandbox

Any relevant code:

[ekomut]

+1

[Sajeel-18]

same using ng-multi-select on angular 14 getting the same error

error NG8002: Can't bind to 'data' since it isn't a known property of 'ng-multiselect-dropdown'.

1. If 'data' is an Angular directive, then add 'CommonModule' to the '@NgModule.imports' of this component.

2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

   [data]="dropdownList"

[mashegoindustries]

I had similar issue and the below resolved it..... AS PER DOCUMENTATION

`import { NgMultiSelectDropDownModule } from 'ng-multiselect-dropdown';
// ...

@NgModule({
imports: [
NgMultiSelectDropDownModule.forRoot()
// ...
]
// ...
})
export class AppModule {}`

[nylon]

I had similar issue and the below resolved it..... AS PER DOCUMENTATION

`import { NgMultiSelectDropDownModule } from 'ng-multiselect-dropdown';
// ...

@NgModule({
imports: [
NgMultiSelectDropDownModule.forRoot()
// ...
]
// ...
})
export class AppModule {}`

Thanks for putting AS PER DOCUMENTATION in caps but unlike the documentation the error occurs when using the component in a custom component.

[aravindmantravadi]

facing the same issue in Angular 16.

[aksuna]

Yeap the same here using in a custom cumponent dont works

Error: src/app/pages/drug/update/drugform/drugform.component.html:48:3 - error NG8002: Can't bind to 'placeholder' since it isn't a known property of 'ng-multiselect-dropdown'.

1. If 'placeholder' is an Angular directive, then add 'CommonModule' to the '@NgModule.imports' of this component.
2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

48 [placeholder]="'Select Indications'"
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/pages/drug/update/drugform/drugform.component.ts:22:16
22 templateUrl: './drugform.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DrugformComponent.

Error: src/app/pages/drug/update/drugform/drugform.component.html:49:3 - error NG8002: Can't bind to 'settings' since it isn't a known property of 'ng-multiselect-dropdown'.

1. If 'settings' is an Angular directive, then add 'CommonModule' to the '@NgModule.imports' of this component.
2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

49 [settings]="indicationDropDownSettings"
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/pages/drug/update/drugform/drugform.component.ts:22:16
22 templateUrl: './drugform.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component DrugformComponent.

[heyitshubham]

Degrade or upgrade the version of ng-multiselect-dropdown according to angular version specified in DEMO.
Use ng-multiselect-dropdown vs. for angular version 16 and for angular version 15 use this version 0.3.9

[shyambabu-kolipaka]

Yeap the same here using in a custom cumponent dont works

Error: src/app/pages/drug/update/drugform/drugform.component.html:48:3 - error NG8002: Can't bind to 'placeholder' since it isn't a known property of 'ng-multiselect-dropdown'.

1. If 'placeholder' is an Angular directive, then add 'CommonModule' to the '@NgModule.imports' of this component.
2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

48 [placeholder]="'Select Indications'" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/pages/drug/update/drugform/drugform.component.ts:22:16 22 templateUrl: './drugform.component.html', ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component DrugformComponent.

Error: src/app/pages/drug/update/drugform/drugform.component.html:49:3 - error NG8002: Can't bind to 'settings' since it isn't a known property of 'ng-multiselect-dropdown'.

1. If 'settings' is an Angular directive, then add 'CommonModule' to the '@NgModule.imports' of this component.
2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

49 [settings]="indicationDropDownSettings" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/pages/drug/update/drugform/drugform.component.ts:22:16 22 templateUrl: './drugform.component.html', ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component DrugformComponent.

@aksuna , You might have multiple modules in your project. You need to import the this module in the correct module where you are using this multislect dropdown.