Templat Program Mini WeChat

Templat

WXML menyediakan templat, di mana coretan kod boleh ditakrifkan dan kemudian dipanggil di tempat yang berbeza.

Tentukan templat

Gunakan atribut nama sebagai nama templat. Kemudian tentukan coretan kod dalam <template/>, seperti:

<!--
  index: int
  msg: string
  time: string
-->
<template name="msgItem">
  <view>
    <text> {{index}}: {{msg}} </text>
    <text> Time: {{time}} </text>
  </view>
</template>

Gunakan templat

Gunakan atribut is, isytiharkan templat yang perlu anda gunakan dan kemudian hantar data yang diperlukan oleh templat, seperti:

<template is="msgItem" data="{{...item}}"/>

Page({
  data: {
    item: {
      index: 0,
      msg: 'this is a template',
      time: '2016-09-15'
    }
  }
})

Atribut is boleh menggunakan sintaks Misai , tentukan templat mana yang perlu dipaparkan pada masa jalan:

<template name="odd">
  <view> odd </view>
</template>
<template name="even">
  <view> even </view>
</template>

<block wx:for="{{[1, 2, 3, 4, 5]}}">
    <template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/>
</block>

Skop templat

Templat mempunyai skopnya sendiri dan hanya boleh menggunakan data yang dihantar oleh data.