美文网首页
handlebar's reference

handlebar's reference

作者: drunkcat2020 | 来源:发表于2016-08-12 12:13 被阅读0次

handlebar's reference

Basic Usage

最简单的handlebars语句是简单的标识符
<h1>{{title}}</h1>
这个语句的含义即“在上下文中查找这个title属性”。Block helper可能会操作上下文,但他们不会改变一个语句的基本含义。
实际上,它也可以理解为“查找一个名为title的helper,然后再在上下文中搜寻这个title属性”。

handlebars也可以使用点号分隔的路径
<h1>{{article.title}}</h1>
这个语句意为“在上下文中查找article这个属性。然后再在结果中搜寻title这个属性”。
handlebars同时也支持弃用的/语法,所以上述表达式也可以写为:
<h1>{{article/title}}</h1>

标识符可以是任何的unicode character,除了以下的这些:
Whitespace ! " # % & ' ( ) * + , . / ; < = > @ [ \ ] ^ ` { | } ~

可以用 [ (逐字断点的符号)来引用一个非标识符的属性,(如引用注释等):

    {{#each articles.[10].[#comments]}}
      <h1>{{subject}}</h1>
      <div>
        {{body}}
      </div>
    {{/each}}

在上面的例子中,这个模板对each这个参数的识别等同于JavaScript中的'articles[10]['#comments']'
You may not include a closing ] in a path-literal, but all other characters are fair game.
JavaScript式的字符串'"'和''',同样可被当做一对[]来使用。

'{{expression}}'会返回一个HTML编码过的值,如果你不想handlebars去编码你的值,可以使用三重中括号'{{{'。( 原文是: If you don't want Handlebars to escape a value, use the "triple-stash".不是很能理解escape a value的意思)
{{{body}}}

助手(helper)

相关文章

网友评论

      本文标题:handlebar's reference

      本文链接:https://www.haomeiwen.com/subject/mnzssttx.html