blob: fc0ed4d6bd51145564e4e0ff16447e10959d9d28 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
<!--_PAGEDATA
{
"title": "Handlebars 中文网：轻逻辑语义化的模板引擎",
"github":"nimojs/handlebarsjs.org",
"githubissuesid": 1,
"createData": "2015-04-10",
"keywords": "",
"description": "轻逻辑语义化的模板引擎",
"_template": "default"
}
_PAGEDATA-->
<!---<div id="intro">-->
传入数据，执行 Handlebars 返回 渲染后的 HTML。
```html
var source = $("#entry-template").html();
var template = Handlebars.compile(source);
var context = {title: "My New Post", body: "This is my first post!"}
var html = template(context);
```
渲染结果
```html
<div class="entry">
<h1>My New Post</h1>
<div class="body">
This is my first post!
</div>
</div>
```
[示例](demo/execution-1.html)
<!---</div>-->
选项
-------
这里的 `template()` 允许传入第二个参数作为选项
The template function can be passed an options object as the second parameter which allows for customization:
- `data` Pass in an object to define custom `@variable` private variables.
- `helpers` Pass in to provide custom helpers in addition to the globally defined helpers.
Values defined in this object will replace any values defined in the global object for the duration of the template execution.
- `partials` Pass in to provide custom partials in addition to the globally defined partials.
Values defined in this object will replace any values defined in the global object for the duration of the template execution.
<!-- End .contents-->
|
