Conversia în litere mici prin canal în Angular

Cu ajutorul canalului LowerCasePipe, se poate converti un șir de caractere în litere mici. Să încercăm în practică. Să presupunem că în clasa componentei avem următorul șir de caractere:

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

Să afișăm șirul nostru în fișierul template, aplicând canalul nostru:

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

Rezultatul executării codului:

html<div>
  john
</div>

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