json

//[doc-seo]
{
    "Description": "Learn how to use the ConfigStateService.getGlobalFeatures API in Angular to access enabled global features for your ABP Framework applications."
}

Angular: Global Features API

The ConfigStateService.getGlobalFeatures API allows you to get the enabled features of the Global Features on the client side.

This document only explains the JavaScript API. See the Global Features document to understand the ABP Global Features system.

Usage


import { ConfigStateService } from '@abp/ng.core';
import { Component, OnInit, inject } from '@angular/core';

@Component({
  /* class metadata here */
})
class DemoComponent implements OnInit {
  private config = inject(ConfigStateService);

  ngOnInit(): void {
    // Gets all enabled global features.
    const getGlobalFeatures = this.config.getGlobalFeatures();

    //Example result is: `{ enabledFeatures: [ 'Shopping.Payment', 'Ecommerce.Subscription' ] }`

    // or
    this.config.getGlobalFeatures$().subscribe(getGlobalFeatures => {
       // use getGlobalFeatures here
    })

    // Check the global feature is enabled
    this.config.getGlobalFeatureIsEnabled('Ecommerce.Subscription')

    //Example result is `true`

    this.config.getGlobalFeatureIsEnabled('My.Subscription')

     //Example result is `false`

    // or
    this.config.getGlobalFeatureIsEnabled$('Ecommerce.Subscription').subscribe((isEnabled:boolean) => {
       // use isEnabled here
    })
  }
}