1. 程式人生 > >小程式框架模板替換...

小程式框架模板替換...

<!--tpl.wxml-->
<template name="tpl1">
  <view class="classname">
    <text>{{index}}:{{msg}}</text>
    <text>Time:{{time}}</text>
  </view>
</template>


<template is="tpl1" data="{{...item}}"></template>

在wxml檔案中定義模板並使用,其中data="{{...item}}",data在js檔案中定義如下:

 /**
   * 頁面的初始資料
   */
  data: {
    item:{
      index:0,
      msg: "this is a template",
      time: "2016-09-15"
    }
  },

三個點的"..."的作用是遍歷data中的item物件,類似於for(var p in data.item),小程式直接給出的是對應的value值