node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »


Angular Suite Flipper

This is a simple flipper solution for angular. You should provide the flippers.


npm install --save @emartech/angular-suite-flipper


import { FlipperModule } from '@emartech/angular-suite-flipper';
  imports: [
    FlipperModule.create(['dummy', 'test'])
  declarations: [AppComponent],
  bootstrap:    [AppComponent]
export class AppModule { }

Usage in template

import { IsOnPipe } from '@emartech/angular-suite-flipper';
import { IsOffPipe } from '@emartech/angular-suite-flipper';
  selector: '<sub-app>',
  template: `
    <h1 *ngIf="'dummy' | isOff">With</h1>
    <h1 *ngIf="'dummy' | isOn">Without</h1>
export class App {}

Usage in Controller

import { FlipperService } from '@emartech/angular-suite-flipper';
  selector: '<sub-app>',
  template: `Some content`
export class App {
  constructor(flipperService: FlipperService) {
    if (flipperService.isOn('dummy')) console.log(1);
    if (flipperService.isOff('dummy')) console.log(2);