template模板的使用方法

模板

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

定义模板

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

使用模板

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

模板的作用域

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

example:

定义模板

<text class="title">{{item.title}}</text>

<text class="sub-title">{{item.original_title}}({{item.year}})</text>

</view>

<text>{{item.rating.average}}</text>

</view>

</template>

使用模板

<import src="../../commonXml/homecell.wxml" /> //引入模板

<scroll-view scroll-y="true" class="page-body">

<template is="homecell" data="{{item}}"></template> //声明需要的使用的模板使用data传入的数据。

</navigator>

</scroll-view>

转载于:https://www.cnblogs.com/tian-sun/p/7405837.html

template模板的使用方法相关推荐

js模板引擎art template数组渲染的方法
转载:js模板引擎art template数组渲染的方法 JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,模板引擎种类也是五花八门,我就说几个安全性高.错误处理调 ...
php+实现群发微信模板消息_php实现发送微信模板消息的方法，php信模板消息_PHP教程...
php实现发送微信模板消息的方法,php信模板消息本文实例讲述了php实现发送微信模板消息的方法.分享给大家供大家参考.具体如下: 该方法基于thinkphp实现实现,具体OrderPush.cla ...
python语言的格式框架_django框架模板语言使用方法详解
本文实例讲述了django框架模板语言使用方法.分享给大家供大家参考,具体如下: 模板功能作用:生成html界面内容,模版致力于界面如何显示,而不是程序逻辑.模板不仅仅是一个html文件,还包括了页 ...
第六章-template模板
第六章-template模板文章目录第六章-template模板函数模板类模板函数模板函数模板可以用来创建一个通用功能的函数,以支持多种不同形参,进一步简化重载函数的函数体设计函数定义的 ...
【小白学习C++ 教程】十五、C++ 中的template模板和泛型
@Author:Runsen template模板在 C++ 中一个简单但非常强大的工具.简单的想法是将数据类型作为参数传递,这样我们就不需要为不同的数据类型编写相同的代码. C++ 添加了两个新关键 ...
C++ STL学习笔记 : 1. template 模板函数
本篇文章是学习C++ STL库的第一篇笔记,主要记录了使用template关键字创建模板函数的方法. 下面用一个非常简单的例子解释模板函数的用法 : #include <iostream> ...
template 模板是怎样通过 Compile 编译的
template 模板是怎样通过 Compile 编译的 Compile compile 编译可以分成 parse.optimize 与 generate 三个阶段,最终需要得到 render fun ...
[系列教程] Discuz模板的制作方法
Discuz模板的制作相对还是比较简单,现在应用中心的上线又涌现出来一大批模板开发作者,不管大家做免费模板还是商业模板,都希望每个开发者可以维护好自己的模板,给站长们一个好模板.Discuz模板的创建 ...
template模板函数
template模板一个简单的字符串模板 var template = (function() { var cache = {};return function(obj, str) {if (!ty ...

template模板的使用方法

模板

模板的作用域

template模板的使用方法相关推荐

最新文章

热门文章