What is the best way to build a multi-language and multi-directions website with angular?

I have made this example using service and pipe, it works perfectly. You need to remove the folowing on your app : I have commented it.

import * as en from './i18n/en.json';
import * as de from './i18n/de.json';
import * as ar from './i18n/ar.json';

const langs = { ar: ar, en: en, de: de };

and active this line to import json files dynamically:

this.languagesObject = require(`./i18n/${value}.json`);

Demo: https://stackblitz.com/edit/angular-translator-using-service-and-pipe