小程序template使用

做小程序用到了<template></template>模板的使用,感觉挺新奇的,其实你可以理解类比到其他开发中,比如iOS中自定义UI,这就相当于一个自定义的ui我认为;

//展示页js
var app = getApp() 
page({
   eggs:{
        data:[1,2,3,4,5,6,7,8,9]      //模板页用来展示的数据
       }
  
})
<import src="../template/template.wxml"/>  //引入模板的wxml文件

<view class="container">
 <template is="{{eggs.data.length> 0 ? 'data' : 'noData'}}" data="{{...eggs}}"></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是eggs{data:[...]}

继续写项目中。。。。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,613评论 25 709
  • 时间永远是温柔以待我们,变换的云,指尖的风,渐长的发。可是你不知道有一天,温柔的它会变成锋利的爪子,在美丽的脸上划...
    芒果加双皮奶阅读 298评论 0 0
  • 《谢谢》 一辆高级进口车从度假村出来后,在乡村的泥道上抛锚了,身穿名牌西服的车主焦急地对围观的人喊着:“你们有谁愿...
    小随笔阅读 327评论 8 2
  • 这个秋天,燕语来到了她向往的边城,这里的人们把它叫做塞外江南。 从南方的小镇到北方的边城路途遥远,燕语转了三次车长...
    花间燕语阅读 409评论 0 0
  • 在iOS中,当UIView的alpha值被修改后会影响其子视图的alpha,即透明度。很多时候我们只希望父视图为半...
    出门请右拐阅读 1,641评论 0 0