I can't load the translation value from json. It returns me the json key

See more:

JSON

I18N

AngularJs

I want to translate the title in navigation menu, but the title is customized in html. Here is the code:

var string = '13';
$scope.string123 = $filter('translate')(string);
  var test = "<p style='line-height:15px!important'>{{string123}}</br>klient/artikull</p>";
     msNavigationService.saveItem('apps.offers.priceperunitnew', {
            title: $interpolate(test)($scope),
            icon: 'icon-barcode',
            state: 'app.offers.priceperunitnew',
            hidden: function () {
                var priceforunitnew = true;
                if (localStorage.getItem("OfertaCmimNjesiNew") === '1')
                { priceforunitnew = false; }
                else { priceforunitnew = true; }
                return priceforunitnew;
            },
            weight: 8
        });

So string is the key value in JSON and test is the customizet title. I just want to translate the title with i18n but it returns me the key, in this case 13

What I have tried:

I tried to interpolate in controller but still does not work