@lamnhan/ngx-useful
A collection of helpful Angular services, pipes, ....
Getting started
Install ngx-useful:
npm i @lamnhan/ngx-usefulYou may also want to install Unistylus.
npm i @unistylus/core @unistylus/bootstrapBasic usage, three steps to use a service:
// 1. provide services in ---> app.module.ts
{ ..., providers: [AppService], ... }
// 2. init services in ---> app.component.ts
this.appService.init(...);
// 3. inject where needed
constructor(private appService: AppService) {}See guides for more articles. Also see the list of: services, pipes, directives, guards.
Modules
| Class | Description |
|---|---|
| RouterExternalActiveDirectiveModule | |
| RouterLinkDirectiveModule | |
| UsefulModule |
Components
Services
| Class | Description |
|---|---|
| AlertService | |
| AppService | General app related methods |
| AuthService | |
| CacheService | |
| CartService | (DON'T USE YET) Shopping cart related actions |
| CurrencyService | (DON'T USE YET) Currency service |
| DatabaseService | |
| DateService | (DON'T USE YET) Date service |
| ErrorService | |
| FetchService | |
| GuardService | |
| HelperService | |
| LocalstorageService | |
| MetaService | |
| ModalService | |
| NavService | Advanced navigation |
| NetworkService | |
| NotifyService | (DON'T USE YET) Notify service |
| PersonaService | |
| PlayerService | |
| PwaService | |
| SettingService | |
| StorageService | |
| UserService |
Pipes
| Class | Description |
|---|---|
| AgoPipe | |
| CurrencyxPipe | |
| DatexPipe | |
| FilterPipe | |
| ListPipe | |
| O1iPipe | Select the 1st item in an object |
| O2aPipe | Turn an object of items into an array |
| SafePipe | Mark an url or a HTML content as safe from XSS |
License
@lamnhan/ngx-useful is released under the MIT license.