微信小程序的數據的運算和顯示和ng原理差不多,主要分為以下幾種方式:
1: 字符串
2: 數字的直接加減
3:json對象 注意里面的對象名稱不能出現‘—’不然在頁面無法渲染
4:字符串拼接(包括數字)
5:直接定義id和class的名稱等屬性值
例子如下:
wxjs:
data: { //定義的變量名字不能有——出現,不然無法顯示 如group-name獲取的對象里面的定義名字也不能出現 logs:'直接綁定數據字符',//直接綁定數據字符 classname:'bind-class',idname:'bind-id',//綁定class/id名稱 a:10,b:34,//綁定直接運算 a1:10,b1:'zero',//數據字符串拼接 }
wxml:
<view> 字符形式:<text>{{logs}}</text> </view> <view> <text class="{{classname}}" id='{{idname}}'>綁定class/id名稱</text> </view> <view> 數據直接運算<text >{{a+b}}</text> </view> <view> 數據字符串拼接<text >{{a1+b1}}</text> </view>
頁面結果: