Feato logoFeato

Angular SDK

The Feato Angular SDK provides real-time access to feature flags inside Angular applications with first-class support for dependency injection and reactivity.

It integrates naturally with Angular applications and keeps feature flags synchronized automatically as changes occur.

Angular-first design

The SDK is designed around Angular’s dependency injection system and reactive primitives.


Installation

Install the Feato Angular SDK using your preferred package manager.

Package name

@feato/ng-client

The SDK targets the current and previous major versions of Angular.


Setup

The Feato client is provided at application bootstrap using a provider function.

Initialization happens automatically when the provider is registered.

Automatic initialization

The client performs an initial fetch of feature flags and prepares the real-time connection during application startup.

No manual initialization or lifecycle handling is required in application code.


Usage

Feature flags can be accessed using reactive APIs exposed by the Feato client.

  • Observables for stream-based composition
  • Signals for fine-grained reactivity
  • Automatic updates when flags change
Reactive by default

Components automatically update when feature flags change, without manual subscriptions or refresh logic.


Route guards

The Angular SDK includes a route guard that allows navigation to be controlled by feature flags.

This makes it possible to protect routes or redirect users based on the current flag state.

Navigation control

Route guards ensure that feature-gated routes remain inaccessible until explicitly enabled.


Examples

Common use cases for feature flags in Angular applications include:

  • Conditionally rendering components
  • Enabling or disabling routes
  • Gradual rollout of new features
Best practice

Use feature flags to control behavior and access, not to replace application structure.


Next steps

After integrating the Angular SDK, you may want to explore related topics: