微信小程序 教程之模板

模板

wxml提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。

定义模板

使用name属性，作为模板的名字。然后在内定义代码片段，如：

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

使用模板

使用is属性，声明需要的使用的模板，然后将模板所需要的data传入，如：

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

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 ? #39;even #39; : #39;odd #39;}} / 
 /block 

模板的作用域

模板拥有自己的作用域，只能使用data传入的数据。

以上就是微信小程序 教程之模板的内容，更多相关内容请关注PHP中文网（www.php.cn）！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！