Make mustache.js be easier to use by developers.
array index: first/last/index/middle of Arrayif{{#if(a==1||b==3&&c==3)}} blabla {{/if(a==1||b==3&&c==3)}}if{{#if(a!=1)}} blabla {{/if(a!=1)}}filter{{value | filter1 | filter2(3)}}render{{render_value}} (if register render)include{{#include-sub-tmpl}}define sub tmpl{{#sub-tmpl-id}}{{/sub-tmpl-id}}
- Mustache.registerRender(obj)
- Mustache.registerFilter(obj)
- Mustache.to_html(tmpl, data)
tmpl
{{#if(a==1&&b==2||c!=3)}}123{{/if(a==1&&b==2||c!=3)}}
{{#if(a==1)}}a is 1{{/if(a==1)}}data
{
a: 1,
b: 2,
c: 4
}==>
123
a is 1tmpl
{{#list}}
{{__index__}}({{a}})
{{^__last__}}、{{/__last__}}
{{/list}}data
{
list: [{
a: 'value1'
}, {
a: 'value2'
}]
}==>
0(value1)、1(value2)register renderer:
var mapper = {
"a": 'this is A',
"b": 'this is B'
};
Mustache.registerRenderer({
list: {
desc: function() {
return mapper[this.name]
}
}
});tmpl:
{{#list}}
{{list_desc}}'
{{/list}}data:
{
list: [{
name: 'a'
}, {
name: 'b'
}]
}==>
this is A
this is Bregister filter:
var mapper = {
"a": 'this is A',
"b": 'this is B'
};
Mustache.registerFilter({
desc: function(name) {
return mapper[name]
},
omg: function(value) {
return 'oh my god! ' + value
}
}
});tmpl:
{{#list}}
{{name | desc | omg}}'
{{/list}}data:
{
list: [{
name: 'a'
}, {
name: 'b'
}]
}==>
oh my god! this is A
oh my god! this is Btmpl:
{{#list}}
{{#if(a==1)}}
{{#include-list}}
{{/if(a==1)}}
{{/list}}
{{#sub-tmpl-list}}
{{a}}
{{/sub-tmpl-list}}data:
{
list: [{
a: 1
}]
}==>
1in /test/cases dir
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent