Simple i18next translation filter for angular This solves async issues with the filter accessing the translation function before i18next is ready. The solution here is not optimal but clearly maps out the solution, something that https://gist.github.com/archer96/5239617 or https://github.com/archer96/ng-i18next/blob/master/src/provider.js fails …

ng-i18next-filter.js

angular.module('myApp')
    .run(['$rootScope', function ($rootScope) {
        window.i18n.init(options, function () {
            // When finished loading translations, trigger re-evaluation of views for translations
            $rootScope.$digest();
        });
    }])
    .filter('translate', [function(){
        return function(key, params) {
            // i18next needs time to initialize (loading translations). In this phase translation does not work
            try {
                return i18n.t(key, params);
            } catch (e) {}
        };
    }]);

Basically that solves the following error: "i18next not finished initialization. you might have called t function before loading resources finished."