小程序--data 数据各种形式和运算

微信小程序的数据的运算和显示和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>

  页面结果:

 

posted @ 2017-01-18 11:12  司马懿是一朵小花  阅读(4192)  评论(0编辑  收藏  举报