基本数据绑定
WXML 中的动态数据均来自对应 Page 的 data
<view>{{msg}}</view>
Page({
data: {
message: 'Hello MINA!'
}
})
插值表达式内部支持计算
<view>{{ 1 + 1 }}</view>
逻辑判断
<view wx:if="{{length > 5}}"> </view>
字符串运算
<view>{{"hello" + name}}</view>
组件属性绑定:
组件属性绑定,插值表达式的信息可以插入到属性中,需要再双引号之内
<view class="{{cname}}">插值属性</view>
控制属性
需要在双引号之内
<view wx:if="{{condition}}"> </view>
Page({
data: {
condition: true
}
})
注意: 花括号和引号之间如果有空格,将最终被解析成为字符串
关键字绑定
需要在双引号之内
true:boolean 类型的 true,代表真值。
false: boolean 类型的 false,代表假值。
<checkbox checked="{{false}}"> </checkbox>
注意:不要直接写 checked=“false”,其计算结果是一个字符串,转成 boolean 类型后代表真值。
对象操作:
访问对象中的属性值(对象名称.属性名称)
<view>
<view>{{info.name}}</view>
<view>{{info.friend.name}}</view>
</view>