Превођење у мала слова путем пајпа у Angular-у
Уз помоћ пајпа LowerCasePipe,
може се превести стринг у мала слова.
Хајде да испробамо у пракси. Нека у
класи компоненте имамо следећи
стринг:
export class AppComponent {
name: string = 'JOHN';
}
Прикажимо наш стринг у фајлу темплејта, применивши на њега наш пајп:
<div>
{{ name | lowercase }}
</div>
Резултат извршавања кода:
<div>
john
</div>
Нека имате низ:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Прикажите сваки елемент низа малим словима.