Modern web applications can often support millions of users distributed across the globe. Even if the audience for your application is limited, the advantages you gain from building an application supporting multiple languages or localized date and time formatting can be very important for any international customers who use it. Luckily, Angular has an advanced toolkit for managing translations and localizing content in our application.

To translate text files in Angular, we will use the i18n attribute that comes built-in with Angular core. We will use this tool to mark strings in our application for translation and run a utility in Angular-CLI to extract them. Once we've extracted the strings, we can hand them off as a static file to be translated, and we will be able to import this file to display a localized language version of our text.