相信应该有不少微信小程序开发者在微信小程序的开发中需要能在小程序上面输出小于号"<" 、大于号">"以及&,",©等字符。但是这里除了小于号其他的都可以正常在小程序端输出显示(大于号也能显示)。如果想在小程序里面直接显示小于号“<”,你会发现小程序提示了是编译文件的时候报错:“编译 .wxml 文件错误, 错误信息:./pages/index/index.wxml:6:41: unexpected character `<` ,可在控制台查看更详细信息”,到了这里应该很多做过WEB开发的朋友马上就想到转义字符去了,但是其实这里不是转义字符显示的问题,只是微信小程序的编译问题,在微信小程序里面是通过“<”,">","{{","}}"等等进行编译的。
解决:
这里提供使用hack的方式去实现这个微信小程序的小于号的输出显示问题:
我们可以在WXML文件中使用变量例如:
<text>{{char_lt}}</text>
然后在js中给变量char_lt赋值,放在全局变量中去
Page({
data: {
char_lt:"<"
},
onLoad: function () {
}
})
这样就可以输出小于号了。
说明:
这里相信微信小程序以后会优化这个问题的了,要么使用什么转义的方式。现在我们可以按照上面的方式去实现,如果以后小程序有什么实现方式就可以进行全局批量替换。