Angular Library to convert number to words

A simple angularjs based library to convert number to word, it also support multi language that helps to convert any number into different different languages words.

A multi-language number to word converter that converts any number to words in your Angular app.

ngx-num-to-words demonstration


Supported Languages:

  • en (English, default)
  • ar (Arabic)
  • cz (Czech)
  • dk (Danish)
  • de (German)
  • es (Spanish)
  • fr (French)
  • fa (Farsi)
  • he (Hebrew)
  • it (Italian)
  • ko (Korean)
  • lt (Lithuanian)
  • lv (Latvian)
  • nl (Dutch)
  • no (Norwegian)
  • pl (Polish)
  • pt (Portuguese)
  • ru (Russian)
  • sr (Serbian)
  • tr (Turkish)
  • uk (Ukrainian)

Install via npm. (Alternative)

Now install ngx-num-to-words via:

npm install --save n2words ngx-num-to-words 

Import the library

If you installed the library via angular schematics, you can skip this step

import { NgxNumToWordsModule } from 'ngx-num-to-words'; 

@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgxNumToWordsModule, ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}

Other modules in your application like for lazy loading import NgxNumToWordsModule into your feature module:

API

Using the service

<h1><b>{{numberInWords}}</b></h1>
import { NgxNumToWordsService, SUPPORTED_LANGUAGE } from 'ngx-num-to-words';


numberInWords!: string;
lang!: SUPPORTED_LANGUAGE = 'en';
value = 123;

 constructor(private ngxNumToWordsService: NgxNumToWordsService) {
  }


ngOnInit(): void {

    this.numberInWords = this.ngxNumToWordsService.inWords(value, this.lang);

 }

<div style="text-align:center">
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-6645541031569203"
     data-ad-slot="2511519753"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

Using the pipe inWords


<span>{{ 123 | inWords }}</span> // default en language <span>{{ 123 | inWords:'de' }}</span> // custom language --> german in this case

See live demo and download source code.

Don’t forget to Subscribe My Public Notebook for more useful free scripts, tutorials and articles.

This awesome script developed by AnthonyNahas. Visit their official repository for more information and follow for future updates.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.