This library was generated with Angular CLI version 12.2.0.
npm i currency-flag
App.module.ts file
import { CurrencyFlagModule } from 'currency-flag';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, CurrencyFlagModule],
bootstrap: [AppComponent]
})
class AppModule {}
HTML file
<lib-currency-flag
[selectedCurrency]="selectedCurrency"
(currency)="selectedVal($event)"
[showCurrencyAndFlag]="true">
</lib-currency-flag>
TS file
selectedCurrency =
{
"countryCode": "IN",
"countryName": "India",
"currencyCode": "INR",
"population": "1173108018",
"capital": "New Delhi",
"continentName": "Asia",
"Currency": "Indian rupee",
"CurrencySymbol": "₹"
};
Note: selectedVal($event) is a function which you can use it in ts file.
Input | Values |
---|---|
showCurrencyAndFlag | boolean value (true/ false) |
showFlagAndCountry | boolean value (true/ false) |