Files
angular__angular/packages/examples/common/pipes/ts/currency_pipe.ts
Joey Perrott c4b880a025 refactor: migrate docs, examples, private, service worker and upgrade to prettier formatting (#54163)
Migrate formatting to prettier for docs, examples, private, service worker and upgrade from clang-format

PR Close #54163
2024-01-30 20:08:40 +00:00

48 lines
1.2 KiB
TypeScript
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
import {registerLocaleData} from '@angular/common';
import {Component} from '@angular/core';
// we need to import data for the french locale
import localeFr from './locale-fr';
// registering french data
registerLocaleData(localeFr);
// #docregion CurrencyPipe
@Component({
selector: 'currency-pipe',
template: `<div>
<!--output '$0.26'-->
<p>A: {{ a | currency }}</p>
<!--output 'CA$0.26'-->
<p>A: {{ a | currency: 'CAD' }}</p>
<!--output 'CAD0.26'-->
<p>A: {{ a | currency: 'CAD' : 'code' }}</p>
<!--output 'CA$0,001.35'-->
<p>B: {{ b | currency: 'CAD' : 'symbol' : '4.2-2' }}</p>
<!--output '$0,001.35'-->
<p>B: {{ b | currency: 'CAD' : 'symbol-narrow' : '4.2-2' }}</p>
<!--output '0 001,35 CA$'-->
<p>B: {{ b | currency: 'CAD' : 'symbol' : '4.2-2' : 'fr' }}</p>
<!--output 'CLP1' because CLP has no cents-->
<p>B: {{ b | currency: 'CLP' }}</p>
</div>`,
})
export class CurrencyPipeComponent {
a: number = 0.259;
b: number = 1.3495;
}
// #enddocregion