mustache语法整理

基本使用方法：

{
  "name": "Chris",
  "company": "<b>GitHub</b>"
}

template

output

1、 {{name}}
2、 {{age}} //数据中没有age,输出为空
3、 {{company}} //会转义
4、 {{{company}}} //不会转义
5、 {{&company}}
6、输出{{}}
{{=<% %>=}}
 {{company}}
<%={{ }}=%>
7、注释：{{! }}

1、 Chris
2、
3、 &lt;b&gt;GitHub&lt;/b&gt;
4、 <b>GitHub</b>
5、 <b>GitHub</b>
6、 {{company}}

Sections

怎么定义：一个叫做person的Section: {{#person}}这里的内容都是属于person这个section的代码段：block {{/person}}

1、如果person变量不存在，或者person的值为null, undefined, false, 0, NaN, empty string or an empty list

那么这个Section之间的所有内容都不会显示。这个可以用来控制那些代码片段不显示。

2、如果person变量的值不为null, undefined, or false, and is not an empty list，那么这个block会被渲染。如果是数组，会迭代渲染。

其中，有几种经典用法：

说明

数据

template

output

当循环数组时 . 表示current item in the list

{
  "musketeers": ["Athos", "Aramis", "Porthos", "D'Artagnan"]
}

{{#musketeers}}
* {{.}}
{{/musketeers}}

* Athos
* Aramis
* Porthos
* D'Artagnan

输入的数据可以为函数，这时候调用这个数据

就可以达到调用函数的功能。

this之前遍历的当前对象

{
  "beatles": [
    { "firstName": "John", "lastName": "Lennon" },
    { "firstName": "Paul", "lastName": "McCartney" },
    { "firstName": "George", "lastName": "Harrison" },
    { "firstName": "Ringo", "lastName": "Starr" }
  ],
  "name": function () {
    return this.firstName + " " + this.lastName;
  }
}

{{#beatles}}
* {{name}}
{{/beatles}}

* John Lennon
* Paul McCartney
* George Harrison
* Ringo Starr

Inverted Sections

{{^person}}code block {{/person}}

这个和section类似，区别是：当person的值为null, undefined, false, falsy or an empty list.的时候才会渲染。