How to implement a pipe that capitalizes the first letter of each word in a string

Question

can someone help me with this by including relevant code or example, How to implement a pipe that capitalizes the first letter of each word in a string?

Answer 1

To create a pipe in Angular that capitalizes the initial letter of each word in a string, develop a custom pipe utilizing regular expressions or string manipulation methods.

Capitalize Each Word Pipe

1. Create the Pipe

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({

  name: 'capitalizeWords'

})

export class CapitalizeWordsPipe implements PipeTransform {

  transform(value: string): string {

    if (!value) return '';

    return value.replace(/\b\w/g, char => char.toUpperCase());

  }

}

2. Usage in Template

<p>{{ 'hello world from angular' | capitalizeWords }}</p>

<!-- Output: Hello World From Angular -->