Заминҳои навбатӣ дар 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>