Angular, PrimeNg value p-message is not allowed

Question

Hello got some problem with the p-message Tag in angular. I think ive imported it correctly as i show below.

  import { MessageModule } from 'primeng/message';

  imports: [
    ....
    MessageModule,
    ...

In the html component it is:

  <p-message [value]="message"></p-message>

And in addition, in the ts script it is:

  message: Message[] = [];

Why i got this error, all the time?!

If 'p-message' is an Angular component and it has 'value' input, then verify that it is part of this module.
If 'p-message' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

I want to display the error toastmessage above the inputfield, that someone knows that it already exists.

Thanks in the front for your help guys!

If it's your feature module then you have to add messageModule to that feature module too! — Developer, Feb 09 '22 at 14:16
It works now with but the message is just always shown in the back of the dialog.. i want it in the modal window! — julixw, Feb 09 '22 at 14:32
post your modal code. you probably need to add your modal component to entryComponents or add it's module to imports — armin momeni, Feb 09 '22 at 18:01

score 0 · Answer 1 · answered Nov 04 '22 at 12:57

p-message only accepts the following parameters - This is to show inline message of any form element

Inorder to show any alert messages you have to use p-messages with value (Message[]) or using the MessageService

Makesure you have imported MessagesModule or MessageModule based on your requirement.

If planning to use MessageService, make sure to import in the Providers

1 Answers1