Maison  >  Article  >  Applet WeChat  >  Modèle de didacticiel du mini-programme WeChat

Modèle de didacticiel du mini-programme WeChat

黄舟
黄舟original
2018-05-15 10:18:231943parcourir

Modèle

WXML fournit un modèle (modèle), qui peut définir des extraits de code dans le modèle, puis les appeler à différents endroits.

Définir le modèle

Utilisez l'attribut name comme nom du modèle. Définissez ensuite l'extrait de code dans dcdc0fa59b5fea5bdae0d810c3919fcd, tel que :

<!--  
 index: int  
 msg: string  
 time: string  
-->  
<template name="msgItem">  
 <view>  
 <text> {{index}}: {{msg}} </text>  
 <text> Time: {{time}} </text>  
 </view>  
</template>

Utiliser le modèle

Utilisez l'attribut is pour déclarer le modèle que vous devez utiliser, puis ajoutez le données requises par le modèle Transmettez-les, telles que :

09a523eb005576c6588ac061c054c651

Page({  
 data: {  
 item: {  
 index: 0,  
 msg: &#39;this is a template&#39;,  
 time: &#39;2016-09-15&#39;  
 }  
 }  
})

is L'attribut peut utiliser la syntaxe Moustache, Déterminez quel modèle doit être rendu au moment de l'exécution :

<template name="odd">  
 <view> odd </view>  
</template>  
<template name="even">  
 <view> even </view>  
</template>  
  
<block wx:for="{{[1, 2, 3, 4, 5]}}">  
 <template is="{{item % 2 == 0 ? &#39;even&#39; : &#39;odd&#39;}}"/>  
</block>

La portée du modèle

Le modèle a sa propre portée et ne peut utiliser que les données transmises par les données.

Ce qui précède est le contenu du modèle de didacticiel d'applet WeChat. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn