Omskakeling na kleinletters deur 'n pipe in Angular

Met behulp van die LowerCasePipe kan 'n string na kleinletters omskakel word. Kom ons probeer dit in die praktyk. Laat in die komponentklas die volgende string wees:

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

Laat ons die string in die templêerlêer uitvoer, en die pipe daarop toepas:

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

Die resultaat van die kode:

html<div>
  john
</div>

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