node-polyglot for angularjs

en.yaml

---
navbar:
  homepage: 'Navigate to the homepage'
  user: 'Logged in as {{user}}'
  load: 'Load {{smart_count}} item |||| Load {{smart_count}} items'

i18n.ts

import Polyglot = require('node-polyglot');

import en from './en.yaml';
import de from './de.yaml';
const phases = {en, de};

export const polyglot = new Polyglot({
  interpolation: {
    prefix: '{{',
    suffix: '}}'
  }
});
setLocale('de');

export function setLocale(locale: string) {
  polyglot.locale(locale);
  polyglot.replace(phases[locale]);
  return polyglot;
}

navbar.html

<nav>
  <a href="/">{{ 'navbar.homepage' | t }}</a>
  <span class="user">{{ 'navbar.user' | t:'user':$username }}</a>
</nav>

t.ts

import Polyglot = require('node-polyglot');

function provider(polyglot: Polyglot): ng.IFilterFunction {
  return filter;
  /**
   * Translates the given key
   * @param key the i18n string
   * @param variable variable name for interpolation
   * @param value variable value for interpolation
   */
  function filter(key: string, variable?: number | string, value?: object) {
    if (typeof variable === 'number') {
      return polyglot.t(key, variable);
    } else if (variable) {
      return polyglot.t(key, {[variable]: value});
    } else {
      return polyglot.t(key);
    }
  }
}
provider.$inject = ['polyglot'];

export default provider;