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>