Vertaling na hoofletters via 'n kanaal in Angular

Met die UpperCasePipe-kanaal kan 'n string na hoofletters omgeskakel word. Kom ons probeer dit in die praktyk. Laat ons sê in die komponent se klas het ons die volgende string:

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

Laat ons ons string in die templêerlêer uitskryf, deur ons kanaal daarop toe te pas:

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

Die resultaat van die kode-uitvoering:

html<div>
  JOHN
</div>

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