Тарҷума ба ҳарфи хурд тавассути канал дар Angular

Бо ёрии канали LowerCasePipe, мумкин аст сатрро ба ҳарфи хурд тарҷума кунад. Биёед дар амал санҷем. Бигзор дар сinfi компонент мо сатри зеринро дошта бошем:

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

Сатри худро дар файли шаблон (template) бароварда, дар он канали худро истифода барем:

html<div>
  {{ name | lowercase }}
</div>

Натиҷаи иҷрои код:

html<div>
  john
</div>

typescriptexport class AppComponent {
  products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}