如何处理laytpl模板中空值显示null的问题及简易解决方案？

本文共计439个文字，预计阅读时间需要2分钟。

Claytpl 模板语法中，使用 `{${field}}` 来输出普通字段，不转换成 HTML。官方说明指出，如果 `d.field` 为空时，会显示 `null`。要解决 `d.giftName` 为空时显示 `null` 的问题，可以在模板中使用如下方式：`{{d.giftName || 'null'}}`。这样，当 `giftName` 为空时，页面会显示 `null` 字符。

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 语句。一般用于逻辑处理。用分隔符加 # 号开头。