Question

我试图根据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'
}

当我将代码更改为静态代码并查询{{../ago.[1001]}}时，会收到该特定ID的字符串。但是，由于代码每个都依赖于a，因此对于其他条目，这显然返回相同的字符串。

如何修改此语句以动态查询ago对象中的键值-该键由pid中定义的键（当前正在#each中进行迭代）（即只需调用{{pid}}），即可在此代码块中的其他地方做什么？

我尝试了{{../ago.[{{pid}}]}}和其他几种安排，但似乎都没有用。非常感谢您的任何帮助，如果不清楚，我很乐意清除所有内容。

Answer 1

您必须将查找帮助器用作documented here

从文档中

查找帮助器允许使用Handlebars变量进行动态参数解析。这对于解析数组索引的值很有用。
{{#each people}}
  {{.}} lives in {{lookup ../cities @index}}
{{/each}}```

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

{{lookup ../ago pid}}应该适合您。它从父上下文中获取对象ago，然后基于#each循环的当前entries.pid迭代，它从../pid获取{{1 }}处于启用状态。

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

它也可以用于基于来自输入的数据查找对象的属性。下面是一个更复杂的示例，该示例在子表达式中使用查找，以基于属性值将评估上下文更改为另一个对象。
locate

把手中的动态属性查询

1 个答案: