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

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

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

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

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

코드 실행 결과:

html<div>
  john
</div>

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