テンプレート
WXML は、コード スニペットを定義してさまざまな場所で呼び出すことができるテンプレートを提供します。
テンプレートを定義する
name 属性をテンプレートの名前として使用します。次に、 内で次のようなコード スニペットを定義します:
<!--
index: int
msg: string
time: string
-->
<template name="msgItem">
<view>
<text> {{index}}: {{msg}} </text>
<text> Time: {{time}} </text>
</view>
</template>テンプレートを使用します
is 属性を使用して、使用する必要があるテンプレートを宣言し、テンプレートに必要なデータを渡します。 :
Page({
data: {
item: {
index: 0,
msg: 'this is a template',
time: '2016-09-15'
}
}
})is 属性は、Mustache 構文を使用して、実行時にどのテンプレートをレンダリングする必要があるかを決定できます:
<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>Scopeテンプレートの
テンプレートには独自のスコープがあり、データによって渡されたデータのみを使用できます。
上記は WeChat ミニ プログラム チュートリアル テンプレートの内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) をご覧ください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
