How to display the currency symbol to the right in Angular

by

Since Angular2 RC6 version you can set default locale directly in your app module (providers):

import {NgModule, LOCALE_ID} from '@angular/core';

@NgModule({
  providers: [{
      provide: LOCALE_ID,
      useValue: 'de-DE' // 'de-DE' for Germany, 'fr-FR' for France ...
    },
  ]
})

Afterwards the currency pipe should pick up the locale settings and move the symbol to right:

@Component({
  selector:"my-app",

  template:`
    <h2>Price:<h2>
     {{price|currency:'EUR':true}}
  `
})

Related Contents:

  1. What are the parameters for the number Pipe – Angular 2
  2. Using Pipes within ngModel on INPUT Elements in Angular
  3. Limit to 2 decimal places with a simple pipe
  4. How to declare a pipe globally to use in different modules?
  5. angular – using async pipe on observable and bind it to local variable in html
  6. Angular 4: InvalidPipeArgument: ‘[object Object]’ for pipe ‘AsyncPipe’
  7. Angular – Type Pipe does not have ‘ɵmod’ property
  8. Angular – Observable with async pipe used multiple times in template… Good Practice or Bad?
  9. Angular/RxJS When should I unsubscribe from `Subscription`
  10. How to detect a route change in Angular?
  11. Property ‘value’ does not exist on type ‘EventTarget’
  12. How to pass query parameters with a routerLink
  13. What’s the difference between markForCheck() and detectChanges()
  14. node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ‘;’ expected error after installation of Angular 6
  15. What is entryComponents in angular ngModule?
  16. Mat-table Sorting Demo not Working
  17. Getting instance of service without constructor injection
  18. Angular2 multiple router-outlet in the same template
  19. How to pass multiple parameter to @Directives (@Components) in Angular with TypeScript?
  20. Best way to import Observable from rxjs
  21. Angular-Material DateTime Picker Component?
  22. Property ‘fName’ comes from an index signature, so it must be accessed with [‘fName’]
  23. The left -hand and right hand side of an arithmetic operation must be of type ‘any’, ‘number’ or an enum type
  24. Cannot find the ‘@angular/common/http’ module
  25. How to translate mat-paginator in Angular 4?
  26. Can’t bind to ‘target’ since it isn’t a known property of ‘div’ [duplicate]
  27. How do I add Sass compilation in Angular CLI 6: angular.json?
  28. Angular unit test input value
  29. Call static function from angular2 template
  30. Angular 5 Reactive Forms – Radio Button Group
  31. Tracking scroll position and notifying other components about it
  32. Angular 2 Observable with multiple subscribers
  33. What’s the proper way to set a Router & RouterLink in Angular2 Dart
  34. how to bind img src in angular 2 in ngFor?
  35. ng-bootstrap Modal size
  36. property forEach does not exist on type NodeListOf
  37. Open/Close sidenav from another component
  38. Cannot read property ‘outlets’ of null
  39. angular viewChild for dynamic elements inside ngFor
  40. How to get values from disabled form controls in a form group?
  41. Data path ”” should NOT have additional properties (es5BrowserSupport)
  42. How to bind a property to style.width in pixels?
  43. Deploy single page application Angular: 404 Not Found nginx
  44. angular 9 library publish error “Trying to publish a package that has been compiled by Ivy”
  45. Can’t construct a query for the property, since the query selector wasn’t defined
  46. What should I use instead of fit and fdescribe in Jasmine 3?
  47. Data Grid for Angular 2 [closed]
  48. Angular CDK: How to set Inputs in a ComponentPortal
  49. Angular console log only on development environment
  50. Angular2: Insert a dynamic component as child of a container in the DOM

Leave a Comment