시간 데이터를 템플릿에서 "오전/오후" 로 표시하고 싶을때가 있다. pipe 를 직접 만들어서도 해결할수 있지만 이미 Angular 에서 제공하는 date pipe를 활용한 방법도 있다. 대신 언어 로케일 설정이 필요하다.

Angular Local 등록

import localeKo from '@angular/common/locales/ko';
registerLocaleData(localeKo, 'ko');

providers:[
...
{ provide: LOCALE_ID, useValue: 'ko' },
]

템플릿에서 사용

{{post.createdAt|date:'aaaa h:mm'}} // 오전 9:00