Cannot hardcode something else than text inside a tag

[iloris]

With the following json:

{
  "app": {
    "name": "i18next"
  },
  "nav": {
    "brand": "Company name",
    "language": "Language",
    "english": "English",
    "french": "French",
    "spanish": "Spanish",
    "german": "German"
  }
}

How do you get the following:

<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-i18n="nav.language">Language <b class="caret"></b></a>

(How do I add <b class="caret"></b> to the a text, or can I harcode it?)

I cannot think of an easy way.

[iloris]

Found the solution in the example page:
http://i18next.com/pages/sample.html
See section: 'setting inner html'

Add the html to desired resource:

{
  "app": {
    "name": "i18next"
  },
  "nav": {
    "brand": "Company name",
    "language": "Language <b class='caret'></b>",
    "english": "English",
    "french": "French",
    "spanish": "Spanish",
    "german": "German"
  }
}

And use this code:

<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-i18n="[html]nav.language"></a>