美文网首页
Mustache 语法

Mustache 语法

作者: malgee | 来源:发表于2023-03-19 14:31 被阅读0次

Mustache 是一种轻量级的模板语言,它的语法简洁易懂。以下是 Mustache 的语法规则:

1. 变量替换

Mustache 用 {{}} 表示变量的替换,例如:

Hello, {{name}}!

在渲染时,{{name}} 会被替换成相应的值,例如:

Hello, John!

2. 列表迭代

使用 {{#}}{{/}} 来表示列表迭代,例如:

<ul>
{{#items}}
  <li>{{.}}</li>
{{/items}}
</ul>

在渲染时,items列表中的每个元素都会被替换成相应的 <li> 元素。

3. 条件判断

使用 {{#}}{{/}} 来表示条件判断,例如:

{{#show}}
  This is shown!
{{/show}}

如果 show 的值为真,则会显示 This is shown!

4 反转条件判断

使用 {{^}}{{/}} 来表示反转条件判断,例如:

{{^hide}}
  This is shown!
{{/hide}}

如果 hide 的值为假,则会显示 This is shown!

  1. 带默认值的变量替换

使用{{variable_name | default_value}} 来表示带默认值的变量替换,例如:

Hello, {{name | Stranger}}!

如果 name 的值为空,则会显示 Hello, Stranger!

  1. HTML 转义

在变量替换时,Mustache 会自动对 HTML 进行转义,以防止 XSS 攻击。如果想要显示 HTML 标签,可以使用三个大括号 {{{}}} 来表示不转义的变量替换,例如:

{{{html}}}
  1. 注释

使用 {{! comment }} 来表示注释,例如:

{{! This is a comment. }}

官网示例 https://mustache.github.io/mustache.5.html

相关文章

网友评论

      本文标题:Mustache 语法

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