ngx-strings
v3.0.13TypeScript
String operations for angular projects.
0/weekUpdated 11 months agoMITUnpacked: 71.0 KB
Published by Manojkumar Muthukumar
npm install ngx-strings
Welcome to ngx-strings
String / Email operations.
String operations for angular projects
---
---
## Import
Import the module on your app.module.ts file as follow.
``TS`
import { NgxStringsModule } from "ngx-strings";
Then import the module as follow on imports array
`TS`
NgxStringsModule
Using
After importing this library with npm install ngx-strings, go to the component which is declared under app.module.ts and integrate as below. use it on any component or else declare it on app.component.ts for enabling it global to application.
Integrations module
$3
| Directive | Usage |
| -------------- | --------------------------------------------------------------------------- |
| ngxEmailSlicer | Slicing / protecting the email string to user view. (Validation included) |invalid
| Attributes | as string for custom error message |
`HTML`
manoj10101996gmail.com
violinhi@yahoo.com
staikos@optonline.net
staikosoptonline.net
staik@osoptonlinenet
$3
| Directive | Usage |
| ------------ | --------------------------------------------------------- |
| ngxLineLimit | Limiting the lines for user view. (ellipsis) Responsive |lines
| Attributes | as number |
`HTML`
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
$3
| Directive | Usage |
| ----------------- | -------------------------------------------------------------------- |
| ngxStringReplacer | Replacing the existing words with new words. (ellipsis) Responsive |from
| Attributes | as string to as string |
`HTML`
lorem quis dolor sit amet, consectetur quis elit, sed do quis tempor incididunt ut quis et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea quis consequat.
Duis aute quis dolor in reprehenderit in voluptate velit quis cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat quis quis proident, quis in culpa qui quis deserunt mollit anim id est laborum.
$3
| Directive | Usage |
| --------------- | -------------------------------------------------------------------------------- |
| ngxStringSlicer | Slicing / Limiting the string using character count. (ellipsis) Non-Responsive |start
| Attributes | as number end as number overflow as boolean (ellipsis) ... |
`HTML`
lorem ipsum dolor sit amet, consectetur adipiscing el
$3
| Directive | Usage |
| -------------- | --------------------------------------------------------------- |
| ngxInitialCase | Default string / paragraph. |first
| ngxTitleCase | Change the character to uppercase on string / paragraph |uppercase
| ngxUpperCase | Changing the entire string / paragraph to |lowercase
| ngxLowerCase | Changing the entire string / paragraph to |
`HTML``
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnaTitlecase
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnaUppercase
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnaLowercase
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
---
---
---
---