Javascript 如何在node.js的Handlebar中引用带有空格的元素?
我有一个对象,其中一些值是包含空格的字符串。大概是这样的:Javascript 如何在node.js的Handlebar中引用带有空格的元素?,javascript,node.js,npm,handlebars.js,node-modules,Javascript,Node.js,Npm,Handlebars.js,Node Modules,我有一个对象,其中一些值是包含空格的字符串。大概是这样的: object = { "group of people": [ { (...) } ], "another group of people": [ { (...) } ] } {{#each group of people}} (...) {{/each}} 我试图将其与视图(index.hbs)中的Handlebar辅助块一起使用,如下所示: object = { "group of peo
object = {
"group of people": [
{
(...)
}
],
"another group of people": [
{
(...)
}
]
}
{{#each group of people}}
(...)
{{/each}}
我试图将其与视图(index.hbs)中的Handlebar辅助块一起使用,如下所示:
object = {
"group of people": [
{
(...)
}
],
"another group of people": [
{
(...)
}
]
}
{{#each group of people}}
(...)
{{/each}}
但是我得到了一个错误(当然),因为“人群”上的空格。我尝试过以下案例,但没有成功:
{{#each "group of people"}}
{{#each 'group of people'}}
{{#each group%20of%20people}}
{{#each groupofpeople}}
{{#each group of people}}
你知道如何让它工作吗?字符串不重要,它们是把手的值。考虑这一点:
<ul>
{{#each object}}
<li>{{@key}}: {{this}}<li>
{{/each}}
</ul>
{{{#每个对象}}
- {{@key}}:{{this}}
-
{{/每个}}
您将为对象中的每个键获得一组列表项。像“groupofpeople”这样的键将在我放置的
@key
位置打印出来,并且该键的值将在这个
位置打印出来,不过在您的情况下,这是另一个数组,因此显然您需要进一步转换它 字符串不重要,它们是把手的值。考虑这一点:
<ul>
{{#each object}}
<li>{{@key}}: {{this}}<li>
{{/each}}
</ul>
{{{#每个对象}}
- {{@key}}:{{this}}
-
{{/每个}}
您将为对象中的每个键获得一组列表项。像“groupofpeople”这样的键将在我放置的
@key
位置打印出来,并且该键的值将在这个
位置打印出来,不过在您的情况下,这是另一个数组,因此显然您需要进一步转换它 若要使用具有空格的属性,可以使用[]
对其进行装饰。
例如
指定助手:
obj = {
'property with spaces': 'hello'
};
模板:
<p>{{{[property with spaces]}}}</p>
{{{[带空格的属性]}}
将产生:
<p>hello</p>
你好
若要使用具有空格的属性,可以使用
[]
对其进行装饰。
例如
指定助手:
obj = {
'property with spaces': 'hello'
};
模板:
<p>{{{[property with spaces]}}}</p>
{{{[带空格的属性]}}
将产生:
<p>hello</p>
你好
它可以工作!非常感谢您简单明了的回答!=)它起作用了!非常感谢您简单明了的回答!=)