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:
export class AppComponent {
name: string = 'JOHN';
}
Mari kita paparkan rentetan kami dalam fail templat, dengan menggunakan saluran tersebut:
<div>
{{ name | lowercase }}
</div>
Keputusan pelaksanaan kod:
<div>
john
</div>
Katakan anda mempunyai array:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Paparkan setiap elemen array dalam huruf kecil.