Angular에서 채널을 통해 대문자로 변환하기

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

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

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

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

코드 실행 결과:

html<div>
  JOHN
</div>

typescriptexport class AppComponent {
  users: string[] = ['john', 'alex', 'kate', 'mary'];
}