Novu•10mo ago•

13 replies

renderBody handler in Angular

Hey everyone!

I'm using Novu Inbox in an Angular project and I'm trying to use

renderBody

renderBody

to allow rendering

notification.body

notification.body

as HTML.

In the React docs, I see this example:

<Inbox
  applicationIdentifier="YOUR_APPLICATION_IDENTIFIER"
  subscriber="YOUR_SUBSCRIBER_ID"
  renderBody={(notification) => (
    <div>
      <p dangerouslySetInnerHTML={{ __html: notification.body }} />
    </div>
  )}
/>

<Inbox
  applicationIdentifier="YOUR_APPLICATION_IDENTIFIER"
  subscriber="YOUR_SUBSCRIBER_ID"
  renderBody={(notification) => (
    <div>
      <p dangerouslySetInnerHTML={{ __html: notification.body }} />
    </div>
  )}
/>

In Angular, I tried:

renderBody: (el: HTMLDivElement, notification: Notification) => () => {
  console.log('renderBody', el, notification);
},

renderBody: (el: HTMLDivElement, notification: Notification) => () => {
  console.log('renderBody', el, notification);
},

But

renderBody

renderBody

is never called. Only

renderNotification

renderNotification

seems to trigger.

Is

renderBody

renderBody

supported outside of React?
Any recommended approach to customize the body rendering in Angular, ideally allowing raw HTML?

Thanks a lot!

Novu•10mo ago•

13 replies

Luiz Carvalho

renderBody handler in Angular

Hey everyone!

I'm using Novu Inbox in an Angular project and I'm trying to use

renderBody

renderBody

to allow rendering

notification.body

notification.body

as HTML.

In the React docs, I see this example:

<Inbox
  applicationIdentifier="YOUR_APPLICATION_IDENTIFIER"
  subscriber="YOUR_SUBSCRIBER_ID"
  renderBody={(notification) => (
    <div>
      <p dangerouslySetInnerHTML={{ __html: notification.body }} />
    </div>
  )}
/>

<Inbox
  applicationIdentifier="YOUR_APPLICATION_IDENTIFIER"
  subscriber="YOUR_SUBSCRIBER_ID"
  renderBody={(notification) => (
    <div>
      <p dangerouslySetInnerHTML={{ __html: notification.body }} />
    </div>
  )}
/>

In Angular, I tried:

renderBody: (el: HTMLDivElement, notification: Notification) => () => {
  console.log('renderBody', el, notification);
},

renderBody: (el: HTMLDivElement, notification: Notification) => () => {
  console.log('renderBody', el, notification);
},

But

renderBody

renderBody

is never called. Only

renderNotification

renderNotification

seems to trigger.

Is

renderBody

renderBody

supported outside of React?
Any recommended approach to customize the body rendering in Angular, ideally allowing raw HTML?

Thanks a lot!

renderBody handler in Angular

Similar Threads

renderBody handler in Angular

Similar Threads

Similar Threads

Similar Threads