laytpl 模板語法

創(chuàng)新互聯(lián)專注于江都企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站建設(shè)。江都網(wǎng)站建設(shè)公司,為江都等地區(qū)提供建站服務(wù)。全流程定制設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

{{ d.field }} 輸出一個(gè)普通字段，不轉(zhuǎn)義html 官方的說明 但d.field 為空時(shí)會(huì)顯示null

laytpl 模板 空值顯示null的解決方法

{{d.giftName}} 模板中當(dāng)giftName為空是 頁面上會(huì)顯示 null 字符串

1可以在模板中直接使用三目表達(dá)式來判斷字符串是否為空。

如下：

{{!d.giftName?" ":d.giftName}}

2還有一種方法，用到一個(gè) || 運(yùn)算符

{{d.giftName||" "}} 當(dāng)d.giftName為空時(shí)會(huì)顯示為空字符串

{{d.giftName||"沒有贈(zèng)品"}} 當(dāng)d.giftName為空時(shí)會(huì)顯示為 沒有贈(zèng)品 雙引號(hào)或單引號(hào)包裹字符串都可以，但不能沒有

{{d.giftName|| }} 沒有引號(hào)直接報(bào)錯(cuò) Laytpl Error：SyntaxError: Unexpected token )

還有一種例外可以不要引號(hào)

{{d.giftName|| null }} 和 {{d.giftName}} 沒有啥區(qū)別

{{# JavaScript表達(dá)式 }}

JS 語句。一般用于邏輯處理。用分隔符加 # 號(hào)開頭。注意：如果你是想輸出一個(gè)函數(shù)，正確的寫法是：{{ fn() }}，而不是：{{# fn() }}

試試 laytpl 模板的 if else 語法

這是官網(wǎng)上的例子

{{# if(true){ }}
 開始日期：{{ fn() }}
{{# } else { }}
 已截止
{{# } }} 

乍一看有點(diǎn)懵，格式化一下

{{#      if(true){              }}
               開始日期
{{#        } else {             }} 
               已截止
{{#        }                    }}

這下就一目了然了

https://www.layui.com/doc/modules/laytpl.html