Перевод в нижний регистр через канал в Angular
С помощью канала LowerCasePipe,
можно перевести строку в нижний регистр.
Давайте попробуем на практике.
Пусть в классе компонента
у нас есть следующая строка:
export class AppComponent {
name: string = 'JOHN';
}
Выведем нашу строку в файле темплейта, применив в ней наш канал:
<div>
{{ name | lowercase }}
</div>
Результат выполнения кода:
<div>
john
</div>
Пусть у вас есть массив:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Выведите каждый элемент массива в нижнем регистре.