Превод во голем регистар преку канал во Angular

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

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

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

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

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

html<div>
  JOHN
</div>

typescriptexport class AppComponent {
  users: string[] = ['john', 'alex', 'kate', 'mary'];
}