Lazy Load language files for angular-gettext

index.html

    <script>
      (function () {
        // remove ng-app from body
        function bootstrapApp() {
          angular.element(document).ready(function () {
            angular.bootstrap(document, ['myApp']);
          });
        }

        var key = window.localStorage.getItem('language');
        if (key && key !== 'en') {
          $.ajax({
            url: 'languages/' + key + '.js',
            dataType: 'script',
            success: bootstrapApp,
            cache: true // otherwise jQuery reloads this every time with a timestamped query parameter
          });
        } else {
          bootstrapApp();
        }
      })();
    </script>

This is useful if your app is setup such that it has to completely reload after a language change. The app can window.localStorage.setItem('language', languageId); and then reload.