淺談laytpl 模板空值顯示null的解決方法及簡單的js表達式
laytpl 模板語法
{{ d.field }} 輸出一個普通字段，不轉(zhuǎn)義html 官方的說明 但d.field 為空時會顯示null
laytpl 模板 空值顯示null的解決方法
{{d.giftName}} 模板中當giftName為空是 頁面上會顯示 null 字符串
1可以在模板中直接使用三目表達式來判斷字符串是否為空。
如下：
{{!d.giftName?" ":d.giftName}}
2還有一種方法，用到一個 || 運算符
{{d.giftName||" "}} 當d.giftName為空時會顯示為空字符串
{{d.giftName||"沒有贈品"}} 當d.giftName為空時會顯示為 沒有贈品 雙引號或單引號包裹字符串都可以，但不能沒有
{{d.giftName|| }} 沒有引號直接報錯 Laytpl Error：SyntaxError: Unexpected token )
還有一種例外可以不要引號
{{d.giftName|| null }} 和 {{d.giftName}} 沒有啥區(qū)別
{{# JavaScript表達式 }}
JS 語句。一般用于邏輯處理。用分隔符加 # 號開頭。注意：如果你是想輸出一個函數(shù)，正確的寫法是：{{ fn() }}，而不是：{{# fn() }}
試試 laytpl 模板的 if else 語法
這是官網(wǎng)上的例子
{{# if(true){ }}
開始日期：{{ fn() }}
{{# } else { }}
已截止
{{# } }}
乍一看有點懵，格式化一下
{{# if(true){ }}
開始日期
{{# } else { }}
已截止
{{# } }}
這下就一目了然了
https://www.layui.com/doc/modules/laytpl.html
相關文章
這篇文章主要介紹了JS訪問SWF的函數(shù)用法,實例分析了javascript訪問swf文件的方法及易錯點的處理技巧,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了JS實現(xiàn)圖片瀑布流，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript?為我們提供了很多操作符，用于操作表達式。下面就來盤點一下?JavaScript?中那些強大的操作符，感興趣的小伙伴可以了解一下2022-09-09
js實現(xiàn)輪播圖的兩種方式(構(gòu)造函數(shù)、面向?qū)ο?
這篇文章主要為大家詳細介紹了js實現(xiàn)輪播圖的兩種方式，一是構(gòu)造函數(shù)、另一種是面向?qū)ο蠓绞椒绞?，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
最近在修改重寫自己的簡歷程序，其中要使用皮膚切換和lightbox效果，在開發(fā)的工作中IE8，給我?guī)睃c麻煩。2009-01-01
Bootstrap選項卡與Masonry插件的完美結(jié)合
這篇文章主要介紹了Bootstrap選項卡與Masonry插件的完美結(jié)合的相關資料,需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了javascript實現(xiàn)簡單滾動窗口，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
JS面向?qū)ο缶幊袒A篇（一） 對象和構(gòu)造函數(shù)實例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒ο蠛蜆?gòu)造函數(shù),結(jié)合實例形式詳細分析了JS面向?qū)ο缶幊虒ο蠛蜆?gòu)造函數(shù)具體概念、原理、使用方法及操作注意事項,需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細介紹了基于javascript實現(xiàn)移動端上的觸屏拖拽功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
JavaScript變量類型以及變量之間的轉(zhuǎn)換你了解嗎
這篇文章主要為大家詳細介紹了JavaScript變量類型以及變量之間的轉(zhuǎn)換，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02