使用Handlebars查找助手的示例

时间:2015-04-23 16:47:07

标签: handlebars.js

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

2 个答案:

答案 0 :(得分:38)

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

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

定义助手的代码很简单:

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

答案 1 :(得分:13)

如果我们不知道所需属性的名称,那么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>