Angular에서의 파이프 체이닝
하나의 값에 여러 종류의 변환을 적용하려면,
파이프 체이닝을 사용할 수 있습니다.
이를 위해 필요한 모든 파이프를
| 기호를 통해 나열합니다.
주 컴포넌트 클래스에
name 속성을 설정해 봅시다:
export class AppComponent {
name: string = 'john d.';
}
HTML 템플릿에서 사용자 이름을 대문자로 출력하고,
문자열의 일부 ' d.'를 제외하도록 작성해 봅시다:
<div>{{ name | uppercase | slice:0:4 }}</div>
주 컴포넌트 클래스에 10개의 문자로 구성된
문자열을 설정하세요.
화면에 마지막 다섯 문자를 대문자로 출력하세요.
