车把中的动态属性查询

Question

我正在尝试根据 #each 循环当前所在的 pid 动态获取车把中对象的属性。我尝试了以下代码，但根本没有填充该值。我想象存在某种上下文问题，但由于我对车把很陌生，所以我不知道该怎么做。

<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，值作为字符串，以人类可读的格式描述自指定的 date/time 以来已经过了多长时间。对于它的价值，它是由一个常量对象的单独函数生成的，因此为什么它不在同一个对象中。它看起来像这样：

{
  '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'
}

当我将代码更改为静态代码并查询 {{../ago.[1001]}} 时，我收到了该特定 ID 的字符串。由于代码依赖于每个，但是，这显然 returns 与其他条目完全相同的字符串。

我如何修改此语句以动态查询 ago 对象的键值 - 该键由 pid 定义，当前正在 #each 中迭代（即我在这个代码块的其他地方通过简单地调用 {{pid}} 做的事情）？

我尝试了 {{../ago.[{{pid}}]}} 和其他几种安排，但 none 似乎有效。非常感谢您的帮助，如果有任何不清楚的地方，我很乐意解决。

Answer 1

您必须使用查找助手作为 documented here

来自文档：

The lookup helper allows for dynamic parameter resolution using Handlebars variables. This is useful for resolving values for array indexes.
{{#each people}}
  {{.}} lives in {{lookup ../cities @index}}
{{/each}}```

在这个问题的实例中，您可以简单地将此示例从使用当前索引更改为使用位于与 #each 循环相同的上下文中的变量（在本例中为 pid）在.

{{lookup ../ago pid}} 应该适合你。它从父上下文中获取对象 ago，然后基于 #each 循环的当前迭代 entries.pid，它从 ../pid 中获取值 [=12] 的键=] 开启了。

在其他情况下，您可能需要继续阅读此答案中链接的文档以了解使用 locate 助手的其他方式：

It can also be used to lookup properties of object based on data from the input. The following is a more complex example that uses lookup in a sub-expression to change the evaluation context to another object based on a property-value.
{{#each persons as | person |}}
  {{name}} lives in {{#with (lookup ../cities [resident-in])~}}
    {{name}} ({{country}})
  {{/with}}
{{/each}}

车把中的动态属性查询

Dynamic property query in handlebars

templates

handlebars.js

mustache

express-handlebars

车把中的动态 属性 查询

Dynamic property query in handlebars

templates

handlebars.js

mustache

express-handlebars

车把中的动态属性查询