Mustache 語(yǔ)法

Mustache 是一種輕量級(jí)的模板語(yǔ)言,它的語(yǔ)法簡(jiǎn)潔易懂。以下是 Mustache 的語(yǔ)法規(guī)則:

1. 變量替換

Mustache 用 {{}} 表示變量的替換,例如:

Hello, {{name}}!

在渲染時(shí),{{name}} 會(huì)被替換成相應(yīng)的值,例如:

Hello, John!

2. 列表迭代

使用 {{#}}{{/}} 來(lái)表示列表迭代,例如:

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

在渲染時(shí),items列表中的每個(gè)元素都會(huì)被替換成相應(yīng)的 <li> 元素。

3. 條件判斷

使用 {{#}}{{/}} 來(lái)表示條件判斷,例如:

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

如果 show 的值為真,則會(huì)顯示 This is shown!。

4 反轉(zhuǎn)條件判斷

使用 {{^}}{{/}} 來(lái)表示反轉(zhuǎn)條件判斷,例如:

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

如果 hide 的值為假,則會(huì)顯示 This is shown!。

  1. 帶默認(rèn)值的變量替換

使用{{variable_name | default_value}} 來(lái)表示帶默認(rèn)值的變量替換,例如:

Hello, {{name | Stranger}}!

如果 name 的值為空,則會(huì)顯示 Hello, Stranger!

  1. HTML 轉(zhuǎn)義

在變量替換時(shí),Mustache 會(huì)自動(dòng)對(duì) HTML 進(jìn)行轉(zhuǎn)義,以防止 XSS 攻擊。如果想要顯示 HTML 標(biāo)簽,可以使用三個(gè)大括號(hào) {{{}}} 來(lái)表示不轉(zhuǎn)義的變量替換,例如:

{{{html}}}
  1. 注釋

使用 {{! comment }} 來(lái)表示注釋,例如:

{{! This is a comment. }}

官網(wǎng)示例 https://mustache.github.io/mustache.5.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 微信小程序中wxml里Mustache語(yǔ)法不可忽視,讓我這個(gè)以前沒(méi)搞過(guò)前端的iOS的一臉懵逼。。。上網(wǎng)查了查。。。...
    Ke_Wang閱讀 8,244評(píng)論 5 10
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,825評(píng)論 1 45
  • 目錄 Swift 1.類型安全Swift 是一個(gè)類型安全(type safe)的語(yǔ)言。由于 Swift 是類型安全...
    勇敢的_心_閱讀 511評(píng)論 0 1
  • 簡(jiǎn)介 Python 是一種高層次的結(jié)合了解釋性、編譯性、互動(dòng)性和面向?qū)ο蟮哪_本語(yǔ)言。Python 由 Guido ...
    Python來(lái)了閱讀 3,975評(píng)論 0 8
  • php可以做什么 php是一種可以在服務(wù)器端運(yùn)行的編程語(yǔ)言,可以運(yùn)行在Web服務(wù)器端。 php是一門后臺(tái)編程語(yǔ)言,...
    dptms閱讀 1,988評(píng)論 1 15

友情鏈接更多精彩內(nèi)容