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 , 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 :
Page({
data: {
item: {
index: 0,
msg: 'this is a template',
time: '2016-09-15'
}
}
})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 ? 'even' : 'odd'}}"/>
</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) !
Quelle est la différence entre les vues et les tables de base de données
Comment vérifier l'état du port avec netstat
que signifie pm
Comment calculer les frais de traitement du remboursement pour le chemin de fer 12306
Comment s'inscrire à Alipay d'entreprise
Que signifie la pièce MLM ? Combien de temps faut-il habituellement pour s'effondrer ?
Quels sont les serveurs cloud ?
Le rôle de la sonde php
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
