Simple Language Translation in Angular 2 (Part 1)

Wrote a two parts tutorial on implementation of translation in Angular 2.

In part 1 we will learn how to:

  1. Create a pipe that we can use to translate words in the HTML view. Eg:
<p>{{ ‘hello world’ | translate }}</p>

2. Create a service that we can use to translate our words in JS / Typescript.

this.translatedText = this.translate.instant(‘hello world’);

Screenshot of the demo app that we are going to build.

The demo app that we are going to build

Read my full article in Scotch:-

Part 2 will be published tomorrow. Stay tune!