templates - 车把中的动态属性查询
问题描述
我正在尝试根据pid
循环#each
当前所在的动态获取车把中对象的属性。我已经尝试了以下代码,但根本没有填充该值。我想象存在某种上下文问题,但由于我对车把很陌生,所以我不知道如何去做。
<div class="card-deck">
{{#each entries}}
{{! backend only hidden comments}}
<div class="card">
<img class="card-img-top img-fluid" src="/userimgres/{{pid}}/0.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title"><strong>{{name}}</strong></h5>
<p class="card-text">{{desc}}</p>
</div>
<div class="card-footer">
<small class="text-muted">Posted {{../ago.[pid]}} ago (ID: {{pid}})</small>
</div>
</div>
{{/each}}
</div>
我的ago
对象设置为键作为pid
,值作为字符串描述,以人类可读的格式,自指定日期/时间以来已经过了多长时间。对于它的价值,它是由一个来自常量对象的单独函数生成的,因此为什么它一开始不在同一个对象中。它看起来像这样:
{
'1000': '2 hours ago',
'1001': 'a month ago',
'1002': '3 days ago',
'2000': '4 days ago',
'2001': '12 days ago',
'2002': '4 months ago',
'2003': 'a month ago'
}
当我将代码更改为 static 和 query{{../ago.[1001]}}
时,我会收到该特定 ID 的字符串。然而,由于代码依赖于每个,这显然会为其他条目返回相同的确切字符串。
如何修改此语句以动态查询ago
对象以获取键的值 - 由pid
当前正在迭代的键定义的键#each
(即我通过简单地调用在此代码块的其他地方所做的事情{{pid}}
)?
我已经尝试过{{../ago.[{{pid}}]}}
和其他几种安排,但似乎都没有奏效。非常感谢您的任何帮助,如果不清楚,我很乐意澄清任何事情。
解决方案
您必须使用此处记录的查找帮助程序
从文档:
查找助手允许使用 Handlebars 变量进行动态参数解析。这对于解析数组索引的值很有用。
{{#each people}} {{.}} lives in {{lookup ../cities @index}} {{/each}}```
在这个问题的例子中,您可以简单地将此示例从使用当前索引更改为使用位于循环所在pid
的相同上下文中的变量(在本例中) 。#each
{{lookup ../ago pid}}
应该为你工作。它从父上下文中获取对象ago
,然后基于#each
循环的当前迭代,它从它的键中entries.pid
获取值。../pid
pid
在其他情况下,您可能需要继续阅读此答案中链接的文档以了解其他使用locate
帮助器的方法:
它还可用于根据输入数据查找对象的属性。以下是一个更复杂的示例,它使用子表达式中的查找将评估上下文更改为基于属性值的另一个对象。
{{#each persons as | person |}} {{name}} lives in {{#with (lookup ../cities [resident-in])~}} {{name}} ({{country}}) {{/with}} {{/each}}