我有这个 JSON,它使用i18next的 i18n 一个使用刀片作为模板引擎的网站:
"guide": {
"sections": {
"the-basics": {
"title": "The Basics",
"contents": [
{
"title": "Introduction",
"content": {"p1": "", "p2": "", "p3": ""}
},
{
"title": "A Chapter in the Zeitgeist Movement",
"content": {"p1": "", "p2": "", "p3": ""}
}
]
},
"setting-up-a-national-chapter": {
"title": "Setting up a National Chapter",
"contents": [
{
"title": "Gathering Volunteers & Social Media",
"content": {"p1": "", "p2": "", "p3": ""}
}
]
}
}
}
在我的 javascript 中,我试图访问内容列表,具体取决于索引号。
这是我到目前为止所拥有的:
// Load page
$('a.nav-link').on('click', function( event ) {
event.preventDefault();
var $this = $(this);
var section = $this.closest('ul').prev('h3').find('span[data-content]').data('content');
var subSection = $this.attr("data-content");
// we can now genrate the section content and push this into the tmpl.
blade.Runtime.loadTemplate("guide_section.blade", function(err, tmpl) {
tmpl({
'sections': {
'section': section,
'subsection': subSection
}
}, function(err, html) {
if(err) throw err;
console.log(html);
$('.mainarticle > .content').empty().html(html);
});
});
});
在我的模板中:
#guide_section
- var i = sections.section
- var c = sections.subsection
h5(data-i18n="guide.sections."+i+".title")=i
h4(data-i18n="guide.sections."+i+".contents.title")=c
上面的代码和jade的模板很相似。
工作正常,因为H5
它返回标题,但我不确定如何返回内容列表的第 n 个元素。
例如:
h5(data-i18n="guide.sections."+i+".title")=i
呈现为
<h5 data-i18n="guide.sections.the-basics.title">the-basics</h5
这是正确的,因为然后 i18next 查找translation.json
并根据该data-i18n
值设置正确的翻译,但是
data-i18n="guide.sections."+i+".contents.title"
呈现为
<h4 data-i18n="guide.sections.the-basics.contents[0]">0</h4
但contents
在这种情况下有两个条目,例如:
[{
"title": "Introduction",
"content": {"p1": "", "p2": "", "p3": ""}
},{
"title": "A Chapter in the Zeitgeist Movement",
"content": {"p1": "", "p2": "", "p3": ""}
}]
那么如何更改我的脚本,以便通过提供索引,我可以访问contents
列表的标题?