Template
WXML provides a template (template), which can define code snippets in the template and then call them in different places.
Define template
Use the name attribute as the name of the template. Then define the code snippet in , such as:
<!--
index: int
msg: string
time: string
-->
<template name="msgItem">
<view>
<text> {{index}}: {{msg}} </text>
<text> Time: {{time}} </text>
</view>
</template>Use the template
Use the is attribute to declare the template you need to use, and then pass in the data required by the template , such as:
Page({
data: {
item: {
index: 0,
msg: 'this is a template',
time: '2016-09-15'
}
}
})is attribute can use Mustache syntax to come at runtime Decide which template needs to be rendered:
<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>The scope of the template
The template has its own scope and can only use the data passed in by data.
The above is the content of the WeChat applet tutorial template. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
