Skip to main content

Angular Components

The announcekit-angular module wraps the AnnounceKit widget so you can drop a changelog, roadmap, or feature-request widget into an Angular app as a component, without managing the underlying script tag yourself. It uses the same widget engine as the plain-JavaScript embed, so any display mode or segmentation rule you configure in the AnnounceKit dashboard applies automatically.

What you can do with the Angular module

  • Render any AnnounceKit widget display mode - badge, popup, sidebar, embed, floating button, drawer, top bar, modal, overlay and more - as an Angular component.
  • Pass user identity and custom properties as component inputs so segmented announcements reach the right users.
  • Update the widget declaratively as your app’s state (user, locale, or project) changes, the same way you would any other Angular component.
  • Reuse a single widget configuration across multiple routes - for example a badge in the top navigation and a full changelog embed on a dedicated “what’s new” page.

Angular 4+

This announcekit-angular module supports Angular 4+. For installation and documentation please follow links below.
Resources:

AngularJS 1.x

For the AngularJS applications please follow the steps and set up module as directive.

FAQ

Does the Angular module support all AnnounceKit widget modes?
Yes. The component renders the same display modes available on web, configured from your AnnounceKit dashboard.

Can I use this with an AngularJS (1.x) app instead?
Yes. A separate announcekit-angularjs directive is available for AngularJS 1.x applications - see the GitHub repo linked above.

Can I target specific users or segments?
Yes. Pass user identity and custom properties to the component, then use AnnounceKit’s audience segmentation in the dashboard to show announcements to specific segments.

Is there an extra cost to using the Angular module?
No. The module is free with any AnnounceKit plan - you only need an AnnounceKit account and a widget configured in your dashboard.

Why teams embed a changelog widget in an Angular app

Most users never visit a separate changelog page, so an in-app widget is what actually gets a release noticed. A badge launcher in the app shell surfaces new posts the moment a user is active, while a sidebar or embed can place a full changelog or roadmap directly inside a settings or “what’s new” route. Because widget content, display mode, and segmentation are all managed from the AnnounceKit dashboard, product and marketing teams can publish and edit announcements without a front-end deploy - the Angular component simply renders whatever is configured for the connected project at that moment.