Angularのパイプを使用した文字列の小文字変換
パイプ LowerCasePipe を使用すると、
文字列を小文字に変換することができます。
実際に試してみましょう。コンポーネントクラスに
次のような文字列があるとします:
export class AppComponent {
name: string = 'JOHN';
}
テンプレートファイルでこの文字列を出力し、 パイプを適用してみましょう:
<div>
{{ name | lowercase }}
</div>
コードの実行結果:
<div>
john
</div>
次の配列があるとします:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
配列の各要素を小文字で出力してください。