TitleCasePipe — Angular

Преобразует текст в формат заголовка: первая буква каждого слова становится заглавной, а остальные буквы — строчными. Слова разделяются любыми пробельными символами, например пробелом, табуляцией или переводом строки.

Использование пайпа

{{ value_expression | titlecase }}

API

class TitleCasePipe implements PipeTransform {
  transform(value: string): string;
  transform(value: null | undefined): null;
  transform(value: string | null | undefined): string | null;
}

transform

3 перегрузки

@paramvaluestring

Строка для преобразования в формат заголовка.

@returnsstring

@paramvaluenull | undefined

@returnsnull

@paramvaluestring | null | undefined

@returnsstring | null

Описание

Экспортируется из

CommonModule

Примечания по использованию

В следующем примере показан результат преобразования различных строк в формат заголовка.

@Component({
  selector: 'titlecase-pipe',
  imports: [TitleCasePipe],
  template: `<div>
    <p>{{ 'some string' | titlecase }}</p>
    <!-- output is expected to be "Some String" -->
    <p>{{ 'tHIs is mIXeD CaSe' | titlecase }}</p>
    <!-- output is expected to be "This Is Mixed Case" -->
    <p>{{ "it's non-trivial question" | titlecase }}</p>
    <!-- output is expected to be "It's Non-trivial Question" -->
    <p>{{ 'one,two,three' | titlecase }}</p>
    <!-- output is expected to be "One,two,three" -->
    <p>{{ 'true|false' | titlecase }}</p>
    <!-- output is expected to be "True|false" -->
    <p>{{ 'foo-vs-bar' | titlecase }}</p>
    <!-- output is expected to be "Foo-vs-bar" -->
  </div>`,
})
export class TitleCasePipeComponent {}