Terjemahan kepada huruf kecil melalui saluran dalam Angular

Dengan menggunakan saluran LowerCasePipe, rentetan boleh ditukar kepada huruf kecil. Mari kita cuba dalam praktik. Katakan dalam kelas komponen kita mempunyai rentetan berikut:

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

Mari kita paparkan rentetan kami dalam fail templat, dengan menggunakan saluran tersebut:

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

Keputusan pelaksanaan kod:

html<div>
  john
</div>

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