码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-01-18 12:03:12      阅读:506      评论:0      收藏:0      [点我收藏+]

标签:例子   字符串拼接   --   http   json   text   原理   com   注意   

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

  页面结果:

技术分享

 

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

标签:例子   字符串拼接   --   http   json   text   原理   com   注意   

原文地址:http://www.cnblogs.com/bellagao/p/6296031.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!