Tutorial-Vorlage für das WeChat Mini-Programm

Vorlage

WXML stellt eine Vorlage (Vorlage) bereit, mit der Codeausschnitte in der Vorlage definiert und dann an verschiedenen Stellen aufgerufen werden können.

Vorlage definieren

Verwenden Sie das Namensattribut als Namen der Vorlage. Definieren Sie dann Codeausschnitte in dcdc0fa59b5fea5bdae0d810c3919fcd, wie zum Beispiel:

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

Vorlage verwenden

Verwenden Sie das is-Attribut, um die Vorlage zu deklarieren, die Sie verwenden müssen, und fügen Sie dann die Daten hinzu Wird von der Vorlage benötigt. Geben Sie Folgendes ein:

09a523eb005576c6588ac061c054c651

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

is-Attribut kann die Mustache-Syntax verwenden. Bestimmen Sie, welche Vorlage zur Laufzeit gerendert werden muss:

<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>

Der Bereich der Vorlage

Die Vorlage hat ihren eigenen Bereich und kann nur die von ihr übergebenen Daten verwenden Daten.

Das Obige ist der Inhalt der WeChat-Applet-Tutorial-Vorlage. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!