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