How to use Knockout observables in i18next?

Question

I\'m trying to somehow dynamically use i18next translations together with Knockout.js, but I cant figure out how.

Neither a custom Knockout binding or the i18next jQ

Answer 1

KO config:

var language = ko.observable('');

ko.i18n = function(key) {
  return ko.computed(function() {
    if (language() != null) {
      return i18n.t(key, {
        lng : language()
      });
    } else {
      return "";
    }
  }, key);
};

view-model:

var labels = {      
aboutUs: ko.i18n('app:labels.aboutUs'), 
contactUsBtn: ko.i18n('app:labels.contactUsBtn') }

view: