使用Handlebars查找助手的示例

Tam*_*lyn 24 handlebars.js

把手有一个内置的助手叫lookup.该文件是不是它的工作原理非常清楚.我能看一个例子吗?

Tam*_*lyn 43

好的,过去我!这是你未来的一个例子.

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

定义帮助程序的代码很简单:

function(obj, field) {
  return obj && obj[field];
}
Run Code Online (Sandbox Code Playgroud)

  • 未来你是对的,你应该接受这个作为正确的答案.另外,PM我下周的彩票结果请. (10认同)

Bar*_*t S 15

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

如果我们有这个对象:

var book = {
    title: 'Discovery of Heaven'
};
Run Code Online (Sandbox Code Playgroud)

我们可以把它放在这样的HTML中:

<p>{{book.title}}</p>
Run Code Online (Sandbox Code Playgroud)

这相当于:

<p>{{lookup book 'title'}}</p>
Run Code Online (Sandbox Code Playgroud)

也许我们不知道我们想要这个头衔.假设属性名称在变量中的某个位置:

var property = 'title';
Run Code Online (Sandbox Code Playgroud)

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

<p>{{lookup book property}}</p>
Run Code Online (Sandbox Code Playgroud)

  • 这是一个更好的描述,因为在官方文档和其他答案中对数组的引用有点像红色鲱鱼.您可以通过添加以下内容来进一步扩展思路:`var property ='authors'; {{#each(查找书籍属性)}}` (2认同)