车把式动态属性查询[重复]。

问题描述 投票:0回答:1

我试图让车把中的一个对象的属性动态地依赖于它的属性。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的字符串。然而,由于代码依赖于for each,这显然对其他条目返回相同的字符串。

我如何修改这条语句来动态查询 ago 对象的键值--该键值由 pid 目前正在迭代中的。#each (也就是我在这个代码块的其他地方所做的,只需简单地调用 {{pid}})?

我试过了 {{../ago.[{{pid}}]}} 和其他一些安排,但似乎都没有工作。非常感谢任何帮助,如果不清楚,我很乐意澄清任何事情。

templates handlebars.js mustache express-handlebars
1个回答
1
投票

你必须使用查找助手,如 载于此

从文档中。

Lookup helper允许使用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}}
© www.soinside.com 2019 - 2024. All rights reserved.