使用 Handlebars 查找助手的示例

Question

Handlebars has a built-in helper called lookup. The documentation不是很清楚它是如何工作的。我可以看一个例子吗？

Answer 1

好的，从我这里过去！这是您未来的示例。

假设您有一个对象或数组 obj 和一个变量 field 并且您想要输出 obj[field] 的值，您将使用查找助手 {{lookup obj field}} .

定义助手的代码很简单：

function(obj, field) {
  return obj && obj[field];
}

Answer 2

如果我们不知道我们想要的属性的名称，例如因为它在变量或表达式的结果中，查找属性很有用。

如果我们有这个object:

var book = {
    title: 'Discovery of Heaven'
};

我们可以像这样把它放在 HTML 中：

<p>{{book.title}}</p>

相当于：

<p>{{lookup book 'title'}}</p>

也许我们不知道我们想要标题。假设属性名称位于变量中的某处：

var property = 'title';

现在我们可以这样显示书名了：

<p>{{lookup book property}}</p>

Example of using Handlebars lookup helper