模板
来源:互联网 发布:db2 恢复数据库 编辑:程序博客网 时间:2024/04/30 12:44
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传入的数据。
阅读全文
0 0
- 模板
- 模板?
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- 模板
- c++重载
- 霍夫变换直线检测及原理理解
- 如果是有意隐藏 请使用关键字 new
- Hadoop安装教程_单机/伪分布式配置_Hadoop2.6.0/Ubuntu14.04
- SpringBoot+Maven项目实战(2):集成SpringBoot
- 模板
- LeetCode 205. Isomorphic Strings
- crontab安装和使用
- tf.constant学习
- 使用 Docker搭建 ZooKeeper 集群
- LeetCode 242. Valid Anagram
- 了解代理模式
- 【学术篇】NOIP2016 D1T3 luogu1850换教室
- python3实现最大子序列和的在线处理方法