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

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

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

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

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

코드 실행 결과:

<div>
	JOHN
</div>

다음과 같은 배열이 있다고 가정해 봅시다:

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

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