如何在微信小程序中输出显示小于号

2017/1/3 10:19:02 人评论 次浏览 分类:常见问题


相信应该有不少微信小程序开发者在微信小程序的开发中需要能在小程序上面输出小于号"<" 、大于号">"以及&,",©等字符。但是这里除了小于号其他的都可以正常在小程序端输出显示(大于号也能显示)。如果想在小程序里面直接显示小于号“<”,你会发现小程序提示了是编译文件的时候报错:“编译 .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 () {
   
  }
})
这样就可以输出小于号了。

说明:
这里相信微信小程序以后会优化这个问题的了,要么使用什么转义的方式。现在我们可以按照上面的方式去实现,如果以后小程序有什么实现方式就可以进行全局批量替换。


微信小程序开发交流群 487660230 欢迎各位微信小程序技术开发者的加入交流

相关资讯

  • 微信小程序中navigateTo或redirectTo在页面跳转时的参数传值

    本文示例微信小程序通过navigateTo或者redirectTo实现连接跳转时的参数传值,可能很多微信小程序开发的新手都清楚pages页面之间的参数传值,类比Web网页开发中的通过url的get的方式实现页面之间的参数的传值,在微信小程序的开发中也是具备这样的功能实现

    2016/10/11 23:53:08