'Can't bind to 'options' since it isn't a known property of 'p-dropdown'
Getting this error when trying to add a primeNG dropdown to userform.component.ts, I've referenced this but to no avail as I already have this fix immplemented: primeng dropdown component error ('p-dropdown' is not a known element)
Uncaught Error: Template parse errors:
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] = "technologies" [autoWidth] = "false" id = "technologies"></p-dropdown>
GIT REPO: https://github.com/BillyCharter87/Tech-O-Dex
Thanks!
Solution 1:[1]
It may possible that you are using p-dropdown
in another component and in that another component's module you have not imported DropdownModule
. I did the same mistake and got resolved by putting DropdownModule
in AppModule
as well as in specific component's Module.
Solution 2:[2]
Normally, this error occurs when you missed some imports. Please add these line if missing:
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { DropdownModule } from 'primeng/primeng';
And add them in imports as well.
Solution 3:[3]
Just make sure you have this setup:
@NgModule({
declarations: [YourComponent],
imports: [DropdownModule],
})
Solution 4:[4]
The Angular's error message is pretty verbose and if you read it carefully, you can easily solve the problem on your own.
The first item applies to your case: you know that p-dropdown
is an Angular component and you know that it has options
input. The error message asks you to verify that it is a part of the module you're using it in. And indeed, you're trying to use a component without importng the module wich exports it.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|---|
Solution 1 | gehbiszumeis |
Solution 2 | ??? |
Solution 3 | Das_Geek |
Solution 4 |