WXML提供模板(template),,,,,,可以在模板中界说代码片断,,,,,,然后在差别的地方挪用。。。
使用name属性,,,,,,作为模板的名字。。。然后在<template/>内界说代码片断,,,,,,如:
<!--
index: int
msg: string
time: string
-->
<template name="msgItem">
<view>
<text> {{index}}: {{msg}} </text>
<text> Time: {{time}} </text>
</view>
</template>
使用is属性,,,,,,声明需要的使用的模板,,,,,,然后将模板所需要的data传入,,,,,,如:
<template is="msgItem" data="{{...item}}"/>
Page({
data: {
item: {
index: 0,
msg: 'this is a template',
time: '2016-09-15'
}
}
})
is属性可以使用Mustache语法,,,,,,来动态决议详细需要渲染哪个模板:
<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>
模板拥有自己的作用域,,,,,,只能使用data传入的数据。。。
更多微信小程序开发教程,,,,,,可以关注。。。KESION pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。KESION 一直通过手艺立异,,,,,,提供产品和服务,,,,,,助力企业向数字化转型,,,,,,通过科技驱动商业刷新,,,,,,让商业变得更智慧!
wx:for 在组件上使用 wx:for 控制属性绑定一个数组,,,,,,即可使用数组中各项的数据重复渲染该组件。。。 默认数组的目今项的下标变量名默以为 index ,,,,,,数组目今项的变量名默以为 item view
引用 WXML提供两种文件引用方式 import 和 include 。。。 import import 可以在该文件中使用目的文件界说的 template ,,,,,,如: 在item.wxml中界说了一个叫 i