淺談laytpl 模板空值顯示null的解決方法及簡(jiǎn)單的js表達(dá)式
laytpl 模板語法
{{ 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
相關(guān)文章
這篇文章主要介紹了JS訪問SWF的函數(shù)用法,實(shí)例分析了javascript訪問swf文件的方法及易錯(cuò)點(diǎn)的處理技巧,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)圖片瀑布流，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript?為我們提供了很多操作符，用于操作表達(dá)式。下面就來盤點(diǎn)一下?JavaScript?中那些強(qiáng)大的操作符，感興趣的小伙伴可以了解一下2022-09-09
js實(shí)現(xiàn)輪播圖的兩種方式(構(gòu)造函數(shù)、面向?qū)ο?
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)輪播圖的兩種方式，一是構(gòu)造函數(shù)、另一種是面向?qū)ο蠓绞椒绞?，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
最近在修改重寫自己的簡(jiǎn)歷程序，其中要使用皮膚切換和lightbox效果，在開發(fā)的工作中IE8，給我?guī)睃c(diǎn)麻煩。2009-01-01
Bootstrap選項(xiàng)卡與Masonry插件的完美結(jié)合
這篇文章主要介紹了Bootstrap選項(xiàng)卡與Masonry插件的完美結(jié)合的相關(guān)資料,需要的朋友可以參考下2016-07-07
javascript實(shí)現(xiàn)簡(jiǎn)單滾動(dòng)窗口
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)簡(jiǎn)單滾動(dòng)窗口，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
JS面向?qū)ο缶幊袒A(chǔ)篇（一） 對(duì)象和構(gòu)造函數(shù)實(shí)例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒?duì)象和構(gòu)造函數(shù),結(jié)合實(shí)例形式詳細(xì)分析了JS面向?qū)ο缶幊虒?duì)象和構(gòu)造函數(shù)具體概念、原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
javascript實(shí)現(xiàn)移動(dòng)端上的觸屏拖拽功能
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)移動(dòng)端上的觸屏拖拽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
JavaScript變量類型以及變量之間的轉(zhuǎn)換你了解嗎
這篇文章主要為大家詳細(xì)介紹了JavaScript變量類型以及變量之間的轉(zhuǎn)換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02