蚂蚁论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 42|回复: 0

微信小程序 (七)数据绑定详细介绍

[复制链接]

1923

主题

1

好友

1591

积分

管理员

Rank: 64Rank: 64Rank: 64Rank: 64

  • TA的每日心情
    奋斗
    2016-1-22 16:23
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    荣誉管理 论坛元老 热心会员 活跃会员 最佳新人 灌水之王

    发表于 7 天前 |显示全部楼层
    微信小程序 (七)数据绑定详细介绍
    数据绑定有一部分前几个看着还行,后面的几个可能有几个不理解,界面展示的数据有的也因为条件没法显示。看不懂的可以先记着,后面真正用到时就会明白,反正我是这样想的。这里先记录下
    datawxml


    lt;!--数据绑定使用对象---内容-
    lt;viewgt;{{message}}lt;/viewgt;

    lt;!--数据绑定使用对象---组件属性---需要在双引号之内-
    lt;view id="item-{{id}}"gt;组件属性lt;/viewgt;

    lt;!--数据绑定使用对象---控制属性---需要在双引号之内-
    lt;view wx:if="{{condition}}"gt;控制属性lt;/viewgt;

    lt;!--数据绑定使用对象---三元运算-
    lt;view hindden="{{flag 63; true : false}}"gt;三元运算符lt;/viewgt;

    lt;!--数据绑定使用对象---算数运算-
    lt;viewgt;我是运算结果---{{a + b}} + {{c}} + dlt;/viewgt;

    lt;!--数据绑定使用对象---逻辑判断-
    lt;view wx:if="{{length gt; 5}}"gt;asdflt;/viewgt;

    lt;!--数据绑定使用对象---字符串运算-
    lt;viewgt;{{"Hello " + name}}lt;/viewgt;

    lt;!--数据绑定使用对象---数组组合-
    lt;view wx:for="{{[zero, 1, 2, 3, 4, 5, 6]}}"gt;{{item}}lt;/viewgt;

    lt;!--数据绑定使用对象---对象-
    lt;template is="object**bine" data="{{for: x, bar: y}}"gt;lt;/templategt;

    lt;!--数据绑定使用对象---扩展运算符对象  将一个对象展开-
    lt;template is="object**bine" data="{{obj1, obj2, p: 5}}"gt;lt;/templategt;

    lt;!--数据绑定使用对象---对象的key和value相同时-
    lt;template is="object**bine" data="{{foo, bar}}"gt;lt;/templategt;



    datajs


    Page({
    data:{

    //内容绑定
    message: 'Hello WeApp',

    //组件属性绑定
    id: 0,

    //控制属性绑定
    condition: true,

    //三元运算
    flag:false,

    //算数运算
    a: 1,
    b: 2,
    c: 3,

    //逻辑判断
    length: 6,

    //字符串运算
    name: '顺子',

    //数组组合
    zero: 0,

    //对象

    x: 0,
    y: 1,

    //对象展开
    obj1: {
      a: 1,
      b: 2
    },
    obj2: {
      c: 3,
      d: 4
    },
    p: 5,

    //对象key和value形同时
    foo: 'my-foo',
    bar: 'my-bar'



    },
    })




    相关文章:
    hello WeAppicon组件
    Windowtext组件switch组件
    tabBar底部导航progress组件action-sheet
    应用生命周期button组件modal组件
    页面生命周期checkbox组件toast组件
    模块化详form组件详 loading 组件
    数据绑定input 组件navigator 组件
    View组件picker组件 audio 组件
    scroll-view组件radio组件video组件
    swiper组件slider组件Image组件
    您需要登录后才可以回帖 登录 | 立即注册

    关闭

    蚂蚁站长论坛推荐上一条 /1 下一条

    QQ|Archiver|手机版|广告服务|蚂蚁站长-站长之家 ( 黔ICP备16008478号-1  

    GMT+8, 2017-10-19 07:42

    Powered by 站长论坛

    © 2007-2013 Jzant.com Inc.

    回顶部