hunk.code_window:       notification,
         message,
         mail: command,
       };
       await axios.post(currentParseWebhook, userPayload);
     }
     private splitTo(address: string) {
  
hunk.labels: keep keep keep keep keep replace keep keep keep
hunk.after_edit:     await axios.post(compiledDomain, userPayload);
  
hunk.file_path: apps/api/src/app/inbound-parse/usecases/inbound-email-parse/inbound-email-parse.usecase.ts
hunk.type: replace
file: ---
  sidebar_position: 6
  ---
  
  # Angular Component
  
  The `@novu/notification-center-angular` package provides an Angular component wrapper over the Notification Center Web Component that you can use to integrate the notification center into your Angular application.
  
  ## Installation
  
  ```bash
  npm install @novu/notification-center-angular
  ```
  
  :::note
  Novu supports Angular version >0.15.0.
  :::
  
  ## Example usage
  
  Module:
  
  ```ts
  import { NotificationCenterModule } from '@novu/notification-center-angular';
  
  @NgModule({
    imports: [..., NotificationCenterModule],
    schemas: [CUSTOM_ELEMENTS_SCHEMA],
  })
  export class TheModule {}
  ```
  
  Component:
  
  ```ts
  import { Component } from '@angular/core';
  import { environment } from '../environments/environment';
  
  @Component({
    selector: 'my-component',
    templateUrl: './component.html',
  })
  export class AppComponent {
    subscriberId = environment.subscriberId;
    applicationIdentifier = environment.applicationIdentifier;
  
    sessionLoaded = (data: unknown) => {
      console.log('loaded', { data });
    };
  }
  ```
  
  Component HTML template:
  
  ```html
  <notification-center-component
    [subscriberId]="subscriberId"
    [applicationIdentifier]="applicationIdentifier"
    [sessionLoaded]="sessionLoaded"
  ></notification-center-component>
  ```
  
  ## Props
  
  The `notification-center-component` accepts the same set of props as the [Web Component](./web-component#properties).
  
  :::info
  May need to add "allowSyntheticDefaultImports": true in tsconfig.json and <i>@types/react</i> as dev dependency for the angular component to work properly
  :::
  
  :::note
  Facing issues in using notification center? Check out FAQs [here](./FAQ)
  :::
  