码迷,mamicode.com
首页 > 其他好文 > 详细

小程序<template>的使用

时间:2017-09-14 20:16:50      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:2-2   ges   ...   alt   文件   http   for   XML   key   

第一次做小程序用到了<template></template>模板的使用,感觉挺新奇的,我自己认为大概的就是组件这一类但是它可以判断何时使用什么样的模板通过判断来进行展示

写一点代码吧

 

//展示页js
var
app = getApp() page({ eg:{ data:[1,2,3,4,5,6,7,8,9] //模板页用来展示的数据 } })

上面的代码就是用来在展示页的数据

<!--展示页wxml-->
<import src="../template/template.wxml"/>  //引入模板的wxml文件

<view class="container">
     <template is="{{eg.data.length> 0 ? ‘data‘ : ‘noData‘}}" data="{{...eg}}"></template>   //此时进行判断该用哪个模板-->判断template 的name属性,eg是指要传入模板的数据
</view>
<!--模板页-->

<template name="noData"> //模板有name属性 <view>
           没有数据哦!
    </view>
</template>

<template name="data">      //模板有name属性
<view wx:for=‘{{data}}‘ wx:key=‘{{key}}‘> 
<view>{{item}}</view>
</view>
</template> //此时循环的data是eg{data:[...]}

技术分享

(展示效果)

此时可以看到效果 1,2,3,4,5,6,7,8,9

<template is=‘‘  "    data=" "></template>   此时的is用来进行判断  data是要传入模板中的数据...eg   ...(spread运算符) 

 

小程序<template>的使用

标签:2-2   ges   ...   alt   文件   http   for   XML   key   

原文地址:http://www.cnblogs.com/zhangweihu/p/7522092.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!