淺談laytpl 模板空值顯示null的解決方法及簡單的js表達式
laytpl 模板語法
{{ d.field }} 輸出一個普通字段，不轉(zhuǎn)義html 官方的說明 但d.field 為空時會顯示null
laytpl 模板 空值顯示null的解決方法
{{d.giftName}} 模板中當(dāng)giftName為空是 頁面上會顯示 null 字符串
1可以在模板中直接使用三目表達式來判斷字符串是否為空。
如下：
{{!d.giftName?" ":d.giftName}}
2還有一種方法，用到一個 || 運算符
{{d.giftName||" "}} 當(dāng)d.giftName為空時會顯示為空字符串
{{d.giftName||"沒有贈品"}} 當(dāng)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
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于ios中視頻的最后一楨問題的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了Javascript原型鏈的原理,結(jié)合實例形式深入分析了JavaScript原型鏈的原理與使用技巧,需要的朋友可以參考下2016-01-01
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)下拉列表選擇框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
js操縱跨frame的聯(lián)動select下拉選項實例介紹
運用HTML、CSS以及Javascript相關(guān)知識，編寫多窗口多菜單的內(nèi)容聯(lián)動，具體思路及代碼如下，感興趣的朋友可以參考下哈，希望大家有所幫助2013-05-05
這篇文章主要為大家介紹了前端進階之IntersectionObserver示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
Js數(shù)組的操作push,pop,shift,unshift等方法詳細介紹
js中針對數(shù)組操作的方法還是比較多的，今天突然想到來總結(jié)一下，也算是溫故而知新吧。不過不會針對每個方法進行講解，我只是選擇其中的一些來講,感興趣的朋友可以研究一下2012-12-12
element必填校驗輸入空格問題修改正則表達式、請求攔截器實現(xiàn)所有輸入框去除首尾空格(推薦)
這篇文章主要介紹了element必填校驗輸入空格問題修改正則表達式、請求攔截器實現(xiàn)所有輸入框去除首尾空格,本文通過圖文實例代碼相結(jié)合給大家講解的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-02-02
本文主要介紹了JavaScript 對象合并的幾種方法小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
這篇文章主要介紹了關(guān)于ES6之"let"能替代"var"的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
本文主要介紹JavaScript 繼承的知識，這里整理了詳細的資料及簡單示例代碼，幫助大家學(xué)習(xí)參考，有興趣的小伙伴可以參考下2016-09-09