Претворање во мали букви преку канал во Angular

Со помош на каналот LowerCasePipe, може да се претвори стринг во мали букви. Ајде да пробаме во пракса. Нека во класата на компонентата имаме следниот стринг:

app/app.component.tsexport class AppComponent {
  name: string = 'JOHN';
}

Ќе го испечатиме нашиот стринг во датотеката на темплејтот, применувајќи го нашиот канал:

html<div>
  {{ name | lowercase }}
</div>

Резултат од извршувањето на кодот:

html<div>
  john
</div>

typescriptexport class AppComponent {
  products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}