8.2 wxml特性

• 支持的标签、组件：详见视图容器|微信开放文档
• 支持的属性：id、class、style、hidden、data-、bind/catch*
• 数据绑定：详见数据绑定|微信开放文档

    <view hidden="{{flag ? true : false}}"> {{"hello" + message}} </view>

• 列表渲染：详见列表渲染|微信开放文档

    <block wx:for="{{item}}" wx:for-item="item" wx:key="index">
        <view>{{index}}:{{item.name}}</view>
    </block>

*条件渲染：详见条件渲染|微信开放文档

<view wx:if="{{length > 5}}">大于五</view>
<view wx:elif="{{length > 2}}">大于二小于五</view>
<view wx:else>其他 </view>

• 模板：详见模板|微信开放文档

<!-- 定义： -->
<template name="msgItem">
  <view>
    <text> {{index}}: {{msg}} </text>
    <text> Time: {{time}} </text>
  </view>
</template>

<!-- 使用： -->
 <template is="msgItem" data="{{...item}}"/> <!-- 只能通过data传参数 -->

引用：详见引用|微信开放文档import：只能引入根节点的template include：可以引入template内的全部template

<!-- 定义item.wxml -->
<template name="item">
  <text>{{text}}</text>
</template>
<!-- 引用 -->
<import src="item.wxml"/>
<template is="item" data="{{text: 'forbar'}}"/>