小程序——wxml属性

Js后台代码

Page({

  /**
   * 页面的初始数据
   */
  data: {
    Message:"Hello World",
    id:0,
    condition:true,
    flag:false,
    a:1,
    b:2,
    c:3,
    d:4,
    object:{
            key:"KeyWord",
    },

    array:["KeyWord","china"
    ],

    zero:0,



  },

wxml

<text class="h1">内容绑定</text>
<view>{{Message}}</view>

<text class="h1">组件属性</text>
<view id="iten-{{id}}">{{id}}组件属性显示</view>

<view class="h1">控制属性</view>
<text wx:if="{{condition}}">条件控制显示</text>

<view class="h1">三元运算符</view>
<text hidden="{{flag?true:false}}">Hidden</text>

<view class='h1'>算术运算</view>
<text>{{a+b}}+{{c}}+{{d}}</text>

<view class='h1'>字符串运算</view>
<text>{{"Hi,"+Message}}</text>

<view class='h1'>数据路径运算</view>
<text>{{object.key}}    {{array[1]}}</text>

<text>for循环输出数组</text>
<view wx:for="{{[zero,1,2,3,4]}}">{{item}}</view> 

<view>2018.5.16/23点</view>
<view>----------新海------------</view>

效果