mirror of https://github.com/abpframework/abp.git
1 changed files with 36 additions and 2 deletions
@ -1,3 +1,37 @@ |
|||||
# Angular UI: Features |
# Features |
||||
|
|
||||
> This document explains how to get feature values in an Angular application. See the [Features document](../../Features.md) to learn the feature system. |
You can get the value of a feature on the client-side using the [config state service](./Config-State.md) if it is allowed by the feature definition on the server-side. |
||||
|
|
||||
|
> This document explains how to get feature values in an Angular application. See the [Features document](../../Features.md) to learn the feature system. |
||||
|
|
||||
|
## Before Use |
||||
|
|
||||
|
To use the `ConfigStateService`, you must inject it in your class as a dependency. You do not have to provide the service explicitly, because it is already **provided in root**. |
||||
|
|
||||
|
```js |
||||
|
import { ConfigStateService } from '@abp/ng.core'; |
||||
|
|
||||
|
@Component({ |
||||
|
/* class metadata here */ |
||||
|
}) |
||||
|
class DemoComponent { |
||||
|
constructor(private config: ConfigStateService) {} |
||||
|
} |
||||
|
``` |
||||
|
|
||||
|
## How to Get a Specific Feature |
||||
|
|
||||
|
You can use the `getFeature` method of `ConfigStateService` to get a specific feature from the configuration state. Here is an example: |
||||
|
|
||||
|
```js |
||||
|
// this.config is instance of ConfigStateService |
||||
|
|
||||
|
const defaultLang = this.config.getFeature("Identity.TwoFactor"); |
||||
|
// 'Optional' |
||||
|
``` |
||||
|
|
||||
|
You can then check the value of the feature to perform your logic. Please note that **feature keys are case-sensitive**. |
||||
|
|
||||
|
## What's Next? |
||||
|
|
||||
|
- [Permission Management](./Permission-Management.md) |
||||
|
|||||
Loading…
Reference in new issue