浅谈laytpl|浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
laytpl 模板语法
{{ d.field }} 输出一个普通字段,不转义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}} 没有啥区别
{{# JavaScript表达式 }}
JS 语句。一般用于逻辑处理。用分隔符加 # 号开头。注意:如果你是想输出一个函数,正确的写法是:{{ fn() }},而不是:{{# fn() }}
试试 laytpl 模板的 if else 语法
【浅谈laytpl|浅谈laytpl 模板空值显示null的解决方法及简单的js表达式】这是官网上的例子
{{# if(true){ }} 开始日期:{{ fn() }}{{# } else { }} 已截止{{# } }}
乍一看有点懵,格式化一下
{{#if(true){}}
开始日期
{{#} else {}}
已截止
{{#}}}
这下就一目了然了
https://www.layui.com/doc/modules/laytpl.html
推荐阅读
- 设计模式13-- 模板模式怎么弄()
- 浅谈Javascript单线程和事件循环
- #yyds干货盘点# SpringBoot 发送邮箱验证码(HTML模板)
- 「洛谷|「洛谷 P3834」「模板」可持久化线段树 题解报告
- C++将模板实现放入头文件原理解析
- #yyds干货盘点#Python图像处理,cv2模块,OpenCV实现模板匹配
- 浅谈全方位查找
- vs2022+resharper创建模板——实现在新建文件的时候自动生成防卫式声明和自定义语句
- C++标准模板库STL最全总结收藏方便使用
- #yyds干货盘点#为了完成小姐姐安排的打分系统,又熬了一个小时的夜补充视图与模板