小程序文档整理之 -- 模板
来源:互联网 发布:数控编程需要看图纸吗 编辑:程序博客网 时间:2024/05/17 20:25
模板
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 属性,声明需要使用的模板de名字,然后将模板所需要的 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
- 小程序文档整理之 -- 模板
- 小程序文档整理之 -- 场景值
- 小程序文档整理之 -- 数据绑定
- 小程序文档整理之 -- 列表渲染
- 小程序文档整理之 -- 条件渲染
- 小程序文档整理之 -- 事件
- 小程序文档整理之 -- 组件
- 小程序文档整理之-- ajax请求
- 小程序文档整理之 -- 快速上手
- 小程序文档整理之 -- 引用(import和include)
- 小程序文档整理之 -- API(网络请求)
- 小程序文档整理之 -- API(媒体)
- 小程序文档整理之 -- API(文件)
- 小程序文档整理之 -- API(数据缓存)
- 小程序文档整理之 -- API(位置)
- 小程序文档整理之 -- API(设备)
- 小程序文档整理之 -- API(界面)
- 小程序文档整理之 -- API(WXML节点信息)
- bootstrap学习记录
- iOS Swift开发总结-- 【持续更新】
- blender学习计划&blender手册翻译--模型篇
- nodejs package.json详解
- python3.6版本生成的python脚本如何打包为可独立执行的exe程序
- 小程序文档整理之 -- 模板
- 开机遇到grub解决方法,超详细
- 超详细搭建PhpStorm+PhpStudy开发环境 转载
- 自定义ImageView-----可以让图片变圆角
- 创建第一个Spring MVC(详细)
- 修改原生关键代码,完美支持竖屏的条码和二维码扫描
- java IO相关知识
- KMP算法讲解
- oracle分析函数 rank函数,dense_rank函数,first函数,last函数,ntile函数求四分位数