小程序template使用

做小程序用到了<template></template>模板的使用,感覺挺新奇的,其實你可以理解類比到其他開發(fā)中,比如iOS中自定義UI,這就相當于一個自定義的ui我認為;

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

<view class="container">
 <template is="{{eggs.data.length> 0 ? 'data' : 'noData'}}" data="{{...eggs}}"></template>   //此時進行判斷該用哪個模板-->判斷template 的name屬性,eg是指要傳入模板的數(shù)據(jù)
</view>
<template name="noData">     //模板有name屬性
<view>
       沒有數(shù)據(jù)哦!
</view>
</template>

<template name="data">      //模板有name屬性
<view wx:for='{{data}}' wx:key='{{key}}'> 
<view>{{item}}</view> 
</view>
</template>     //此時循環(huán)的data是eggs{data:[...]}

繼續(xù)寫項目中。。。。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,765評論 25 709
  • 時間永遠是溫柔以待我們,變換的云,指尖的風,漸長的發(fā)??墒悄悴恢烙幸惶欤瑴厝岬乃鼤兂射h利的爪子,在美麗的臉上劃...
    芒果加雙皮奶閱讀 313評論 0 0
  • 《謝謝》 一輛高級進口車從度假村出來后,在鄉(xiāng)村的泥道上拋錨了,身穿名牌西服的車主焦急地對圍觀的人喊著:“你們有誰愿...
    小隨筆閱讀 348評論 8 2
  • 這個秋天,燕語來到了她向往的邊城,這里的人們把它叫做塞外江南。 從南方的小鎮(zhèn)到北方的邊城路途遙遠,燕語轉(zhuǎn)了三次車長...
    花間燕語閱讀 442評論 0 0
  • 在iOS中,當UIView的alpha值被修改后會影響其子視圖的alpha,即透明度。很多時候我們只希望父視圖為半...
    出門請右拐閱讀 1,692評論 0 0

友情鏈接更多精彩內(nèi)容