ngx-str-cases

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

Usage no npm install needed!

<script type="module">
  import ngxStrCases from 'https://cdn.skypack.dev/ngx-str-cases';
</script>

README

Angular String Operation Library

npm version npm version

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

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