Skip to main content

Posts

Showing posts with the label TitleCasePipe

Angular 7 Pipes - Capitalize a String using TitleCasePipe

Transforms text to title case. Capitalizes the first letter of each word of a string, and transforms the rest of the word to lower case. Syntax looks like:   TitleCasePipe :      {{ expression | titlecase }}   LowerCasePipe : {{ expression | lowercase }}   UpperCasePip :     {{ expression | uppercase }} It looks like : < p > {{'hello anil' | titlecase}} </ p > <!-- output will be "Hello Anil" --> < p > {{'Hello Anil' | lowercase}} </ p > <!-- output will be "hello anil" --> < p > {{'hello anil' | uppercase}} </ p > <!-- output will be "HELLO ANIL" --> Useful Built-in Pipes in Angular 7 or Above: 1.       Async Pipe 2.       C urrency Pipe 3.       Date Pipe 4.       Slice Pipe 5.       Decimal Pipe 6.     ...

What Are Inbuilt Pipes in Angular?

Angular defines various Pipes API lists  – That is called Inbuilt Pipes. 1)        DatePipe 2)        CurrencyPipe 3)        AsyncPipe 4)        DecimalPipe 5)        PercentPipe 6)        UpperCasePipe 7)        LowerCasePipe 8)        TitleCasePipe 9)        JsonPipe 10)    SlicePipe 11)    I18nSelectPipe 12)    And many more Similarly, you can also create a custom pipe (as per your needs) and configure in a module that is globally available in across angular apps. Angular DatePipe  - The DatePipe is used to format a date with the help of locale rules. {{  value_expression  |  date  [ :  format  [ :  timezon...