WeChat 미니 프로그램 튜토리얼 템플릿

템플릿

WXML은 템플릿에 코드 조각을 정의한 후 이를 다른 위치에서 호출할 수 있는 템플릿(템플릿)을 제공합니다.

템플릿 정의

name 속성을 템플릿 이름으로 사용합니다. 그런 다음

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

템플릿 사용

is 속성을 사용하여 사용해야 하는 템플릿을 선언하고 다음과 같이 dcdc0fa59b5fea5bdae0d810c3919fcd 내에 코드 조각을 정의합니다. 템플릿에 필요한 데이터(예:

09a523eb005576c6588ac061c054c651

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 ? &#39;even&#39; : &#39;odd&#39;}}"/>  
</block>

템플릿의 범위

템플릿에는 자체 범위가 있으며 데이터가 전달한 데이터만 사용할 수 있습니다.

위는 위챗 미니 프로그램 튜토리얼 템플릿 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!