ngx-str-cases
v1.0.2
Published
Transform a string between CamelCase, CapitalCase, ConstantCase, DotCase, HeaderCase, ParamCase, PascalCase, PathCase, SnakeCase, SentenceCase.
Downloads
23
Maintainers
Keywords
Readme
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
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
}