Skip to main content

Angular SDK Documentation

How to integrate AnnounceKit widgets into your Angular (10+) and AngularJS 1.x apps using the official SDK.

The announcekit-angular module lets you embed AnnounceKit announcement widgets into Angular apps (version 10.0.0 and above). It supports widgets with badge launchers, user segmentation, and user tracking.

Installation

yarn add announcekit-angular

Or with npm:

npm install announcekit-angular

Basic Usage

Import the module in your app.module.ts:

import { AnnouncekitModule } from 'announcekit-angular';@NgModule({
  declarations: [AppComponent],
  imports: [AnnouncekitModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Add the widget to your template (app.component.html):

<announcekit [user]="user" [data]="data" widget="https://announcekit.co/widgets/v2/3xdhio">
  What's new
</announcekit>

Resources

AngularJS 1.x

For AngularJS applications, use the directive-based module. Please follow the steps in the repository to set up the module as a directive.

Did this answer your question?