数据 绑定

简单绑定

<!-- 作用于内容 -->
<view> {{ message }} </view>
<!-- 作用于组件属性 -->
<view id="item-{{message}}"> </view>
<!-- 作用于控制属性 -->
<view a:if="{{condition}}"> </view>
<!-- 作用于关键字 -->
<checkbox checked="{{false}}"> </checkbox>

Page({
  data: {
    message: 'Hello dingtalk!'
  }
})

运算

1. 三元运算

   <view hidden="{{flag ? true : false}}"> Hidden </view>
   

2. 算数运算

   <view> {{a + b}} + {{c}} + d </view>
   

3. 逻辑判断

   <view a:if="{{length > 5}}"> </view>
   

4. 字符串运算

   <view>{{"hello" + name}}</view>
   

5. 数据路径运算

   <view>{{object.key}} {{array[0]}}</view>
   

组合

1. 数组

   <view a:for="{{[zero, 1, 2, 3, 4]}}"> {{item}} </view>
   

2. 对象

   <template is="objectCombine" data="{{foo: a, bar: b}}"></template>
   

   Page({
     data: {
       a: 1,
       b: 2
     }
   })
   

   最终组合成的对象是 {foo: 1, bar: 2}。

3. 扩展运算符...来将一个对象展开

   <template is="objectCombine" data="{{...obj1, ...obj2, e: 5}}"></template>
   

   Page({
     data: {
       obj1: {
         a: 1,
         b: 2
       },
       obj2: {
         c: 3,
         d: 4
       }
     }
   })
   

   最终组合成的对象是 {a: 1, b: 2, c: 3, d: 4, e: 5}。