Angularにおけるパイプチェーン

一つの値に複数の変換を適用するには、パイプチェーンを使用できます。そのためには、必要なパイプをすべて|記号で繋げて記述します。

メインコンポーネントのクラスに、nameプロパティを設定しましょう：

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

HTMLテンプレートで、ユーザー名を大文字に変換し、文字列の一部' d.'を除いて表示するように記述します：

app/app.component.html<div>{{ name | uppercase | slice:0:4 }}</div>

Задание 1

ご自身のメインコンポーネントクラスに、10文字からなる文字列を設定してください。画面に、その文字列の最後の5文字を大文字で表示してください。