ngx-str-cases

Angular String Operation Library

Transform a string between CamelCase, CapitalCase, ConstantCase, DotCase, HeaderCase, ParamCase, PascalCase, PathCase, SnakeCase, SentenceCase.

Installation

npm install ngx-str-cases

Usage

Edit your app.module.ts file:

import { NgxStrCasesModule } from 'ngx-str-cases';
 
...
imports: [
    BrowserModule,
    NgxStrCasesModule
],
 
...

Now, there are two ways to use this awesome library:

• By calling the method in the component file
• By using as Pipe in the view file

You can simply use it in your view file like below:

<p>{{'Test Match String' | camelcase}}</p>

You can call the specific transform method in your component file:

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.camelCase('test match string'); //testMatchString
}
 

Core

• camelcase
• capitalcase
• constantcase
• dotcase
• headercase
• paramcase
• pascalcase
• pathcase
• sentencecase
• snakecase

camelcase

Transform into a string with the separator denoted by the next word capitalized.

<p>{{'Test Match String' | camelcase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.camelCase('test match string'); //testMatchString
}
 

capitalcase

Transform into a space separated string with each word capitalized.

<p>{{'test match string' | capitalcase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.capitalCase('test match string'); //Test Match String
}
 

constantcase

Transform into upper case string with an underscore between words.

<p>{{'test Match string' | constantcase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.constantCase('test match string'); //TEST_MATCH_STRING
}
 

dotcase

Transform into a lower case string with a period between words.

<p>{{'test Match string' | dotcase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.dotCase('test match string'); //test.match.string
}
 

headercase

Transform into a dash separated string of capitalized words.

<p>{{'test Match string ' | headercase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.headerCase('test match string'); //Test-Match-String
}
 

paramcase

Transform into a lower cased string with dashes between words.

<p>{{'test Match string ' | paramcase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.paramCase('test match string'); //test-match-string
}
 

pascalcase

Transform into a string of capitalized words without separators.

<p>{{'test Match string ' | pascalcase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.pascalCase('test match string'); //TestMatchString
}
 

pathcase

Transform into a lower case string with slashes between words.

<p>{{'test Match string ' | pathcase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.pathCase('test match string'); //test/match/string
}
 

sentencecase

Transform into a lower case with spaces between words, then capitalize the string.

<p>{{'test Match string ' | sentencecase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.sentenceCase('test match string'); //Test match string
}
 

snakecase

Transform into a lower case string with underscores between words.

<p>{{'test Match string ' | snakecase}}</p>

or

import { StringTransform } from 'ngx-str-cases';
 
...
constructor(private stringOps: StringTransform) {
    let string = stringOps.snakeCase('test match string'); //test_match_string
}
 

License

MIT