MEAN Cookbook

How to do it...

Let's follow the steps to use browser language detection to drive our Angular i18n language localization settings:

1. First, we will set up a provider to look up our browser's locale property and use that to dynamically load our associated translation file, if it exists. We will create a new file for our provider at /src/app/i18n-providers.ts:

import { TRANSLATIONS, TRANSLATIONS_FORMAT, LOCALE_ID } from '@angular/core';export function getTranslationProviders(): Promise<Object[]> {  const locale = document['locale'] as string;  const noProviders: Object[] = [];  if (!locale || locale === 'en-US') {    return Promise.resolve(noProviders);  }  return getTranslationsWithES6Import(locale)    .then((translations: string ) => [ { provide: TRANSLATIONS, ...