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