arrays - i18next レンダー JSON 配列

Question

JSON配列をレンダリングしたい

{"myArray": [ {"name": "Steve"}, {"name": "Tom"} ]}

2 つの HTMLspanで:

<span data-i18n="...">Steve should appear here<span>
<span data-i18n="...">Tom should appear here<span>

それを達成するにはどのような値を設定するdata-i18n必要がありますか、または別の方法をお勧めできますか?

Answer 1

言及している JSON 配列がリソース ファイル (通常はtranslation.json) の一部である場合、参照オブジェクト プロパティと同様に、インデックスを使用して配列の要素を参照できます。

あなたの例では、次の HTML は を呼び出すときに期待するものを表示しますi18n()。

<span data-i18n="myArray.0.name"><span>
<span data-i18n="myArray.1.name"><span>