使用Handlebars查找助手的示例

Question

Handlebars有一个名为lookup的内置帮助器。 documentation不清楚它是如何工作的。我可以看一个例子吗？

Answer 1

当然，过去我！这是你未来的一个例子。

假设您有一个对象或数组arr和一个变量key，并且您希望输出arr[key]的值，那么您将使用查找帮助器{{lookup arr key}}。

定义助手的代码很简单：

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

Answer 2

如果我们不知道所需属性的名称，那么lookup属性很有用，例如因为它在变量或表达式的结果中。

如果我们有这个对象：

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

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

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

相当于：

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

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

var property = 'title';

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

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