博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
mustache语法整理
阅读量:4676 次
发布时间:2019-06-09

本文共 1617 字,大约阅读时间需要 5 分钟。

基本使用方法:

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

 

1、 Chris2、3、 <b>GitHub</b>4、 GitHub5、 GitHub6、 {
{company}}

 

Sections

怎么定义:一个叫做person的Section: {

{#person}}这里的内容都是属于person这个section的代码段:block {
{/person}}

1、如果person变量不存在,或者person的值为nullundefinedfalse0, NaN, empty string or an empty list

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

2、如果person变量的值不为nullundefined, 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的值为nullundefinedfalsefalsy or an empty list.的时候才会渲染。

 

转载于:https://www.cnblogs.com/hemi/p/4702952.html

你可能感兴趣的文章
PHp 密码验证
查看>>
sql 的join
查看>>
世界虽大,但没有破不了的wifi
查看>>
计算机网络中的TCP/IP协议与OSI模型
查看>>
[Javascript] Log Levels and Semantic Methods
查看>>
oo第四次作业
查看>>
UVa 10346 - Peter's Smokes
查看>>
Apache Axis2/C SSL证书验证安全绕过漏洞
查看>>
chrome表单自动填充去掉input黄色背景
查看>>
js数组和字符串
查看>>
[Powershell / VBA] 把excel中的表分离成独立的excel文件
查看>>
kotlin中使用Handler
查看>>
使用hex6x 进行十六进制转换
查看>>
第一章 用标准I/O函数将标准输入复制到标准输出 1-3
查看>>
Remove Mapping
查看>>
NSLog打印信息的从新设置
查看>>
关于TCP/IP与数据传输
查看>>
用Python监视进程是否结束
查看>>
[转] 对WM_NCHITTEST消息的了解+代码实例进行演示
查看>>
方程整数解-2015省赛C语言A组第一题
查看>>