Implementing internationalization using ngx-translate

When developing multi-language Angular applications, it is very important that all the text on a page can be translated. There are many ways of supporting such a feature, one of which we will use in this chapter, called ngx-translate. ngx-translate lets you use the same app for multiple languages, instead of creating multiple apps for different languages.

So far, we have used different APIs for each language, but in this instance, we need to translate text that doesn't come from the API, such as the headings and button text. Let's get to it:

  1. Let's go ahead and install the ngx-translate module using the following command:
> npm install @ngx-translate/core --save
  1. Now, we need to add ...

Get Angular Projects now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.