npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

ngx-str-cases

v1.0.2

Published

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

Downloads

47

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