基本 语法

数据绑定

<view> {{message}} </view>

// page.js
Page({
  data: {
    message: 'Hello dingtalk!'
  }
})

列表渲染

<view a:for="{{items}}"> {{item}} </view>

// page.js
Page({
  data: {
    items: [1, 2, 3, 4, 5, 6, 7]
  }
})

条件渲染

<view a:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
<view a:elif="{{view == 'APP'}}"> APP </view>
<view a:else> dingtalk </view>

// page.js
Page({
  data: {
    view: 'dingtalk'
  }
})

模板

<template name="staffName">
  <view>
    FirstName: {{firstName}}, LastName: {{lastName}}
  </view>
</template>

<template is="staffName" data="{{...staffA}}"></template>
<template is="staffName" data="{{...staffB}}"></template>
<template is="staffName" data="{{...staffC}}"></template>

// page.js
Page({
  data: {
    staffA: {firstName: 'san', lastName: 'zhang'},
    staffB: {firstName: 'si', lastName: 'li'},
    staffC: {firstName: 'wu', lastName: 'wang'},
  },
})

事件

<view onTap="add"> {{count}} </view>

Page({
  data: {
    count: 1
  },
  add(e) {
    this.setData({
      count: this.data.count + 1
    })
  }
})