Angularにおけるパイプチェーン
一つの値に複数の変換を適用するには、パイプチェーンを使用できます。
そのためには、必要なパイプをすべて|記号で繋げて記述します。
メインコンポーネントのクラスに、nameプロパティを設定しましょう:
export class AppComponent {
name: string = 'john d.';
}
HTMLテンプレートで、ユーザー名を大文字に変換し、文字列の一部' d.'を除いて表示するように記述します:
<div>{{ name | uppercase | slice:0:4 }}</div>
ご自身のメインコンポーネントクラスに、10文字からなる文字列を設定してください。
画面に、その文字列の最後の5文字を大文字で表示してください。