Angular에서 파이프를 통해 소문자로 변환하기

LowerCasePipe 파이프를 사용하여 문자열을 소문자로 변환할 수 있습니다. 실제로 적용해 보겠습니다. 컴포넌트 클래스에 다음과 같은 문자열이 있다고 가정해 봅시다:

export class AppComponent {
	name: string = 'JOHN';
}

템플릿 파일에서 우리의 문자열을 출력하고, 여기에 파이프를 적용해 보겠습니다:

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

코드 실행 결과:

<div>
	john
</div>

다음과 같은 배열이 있다고 가정합니다:

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

배열의 각 요소를 소문자로 출력하세요.