title: Angular 2 i18n dynamic/instant translation
body: <p>I've followed the angular.io cookbook for internationalization (<a href="https://angular.io/docs/ts/latest/cookbook/i18n.html#!#angular-i18n" rel="noreferrer">https://angular.io/docs/ts/latest/cookbook/i18n.html#!#angular-i18n</a>).
  Everything works fine, and if I change my locale in the index.html file:</p>
  
  <pre><code>document.locale = 'en';
  </code></pre>
  
  <p>But I wish to change this dynamically, as we used to do in AngularJS. I have found several solutions, such as this: </p>
  
  <pre><code>//mycomponent.component.ts
  changeLang(){
  localStorage.setItem('localeId', "es");
  location.reload(true);
  
  } //I hardcoded the locale, but you get the idea
  </code></pre>
  
  <p>Is there a way to translate the document on the go? Because this solution is not practical, and has a long reload time. Thank you for your help! </p>