# Angular - Use currency format pipe
[SOURCE](https://angular.io/api/common/CurrencyPipe), [SOURCE](https://angular.io/guide/i18n#i18n-pipes)
Use the currency pipe to format VND:
```html
<h5 id="servicePrice">{{ service.priceHome | currency:'VND' }}</h5>
```
This will display `300000` as `đ 300,000`. In order to display as `300,000 đ` we need to set up the locale. All the locales supported by Angular is under [/common/locales](https://github.com/angular/angular/tree/master/packages/common/locales), the vi locale is [vi.ts](https://github.com/angular/angular/blob/master/packages/common/locales/vi.ts)
In `app.module.ts`, add the following:
```typescript
import { registerLocaleData } from '@angular/common';
import localeVI from '@angular/common/locales/vi'; //localeVI can be replaced with any string
registerLocaleData(localeVI); // <---- HERE
@NgModule({
declarations: [
...
],
imports: [
...
],
exports: [
...
],
providers: [
...
{ provide: LOCALE_ID, useValue: 'vi' } // <----- AND HERE
],
entryComponents: [
...
],
bootstrap: [AppComponent]
})
export class AppModule {
}
```