一,简单绑定
数据绑定使用 Mustache 语法(双大括号)将变量包起来
(1)内容
<view> {{ message }} </view>
Page({
data: {
message: 'Hello MINA!'
}
})
(2)组件属性
<view id="item-{{id}}"> </view>
Page({
data: {
id: 0
}
})
(3)控制属性
<view wx:if="{{condition}}"> </view>
Page({
data: {
condition: true
}
})
(4)关键字
true:boolean 类型的 true,代表真值。
false: boolean 类型的 false,代表假值。
<checkbox checked="{{false}}"> </checkbox>
二,运算
(1)三元运算
<view hidden="{{flag ? true : false}}"> Hidden </view>
(2)算数运算
Page({
data: {
a: 1,
b: 2,
c: 3
}
})
<view> {{a + b}} + {{c}} + d </view>
(3)逻辑判断
<view wx:if="{{length > 5}}"> </view>
(4)字符串运算
Page({
data:{
name: 'MINA'
}
})
<view>{{"hello" + name}}</view>
(5)数据路径运算
Page({
data: {
object: {
key: 'Hello '
},
array: ['MINA']
}
})
<view>{{object.key}} {{array[0]}}</view>
三,组合
(1)数组
Page({
data: {
zero: 0
}
})
<view wx:for="{{[zero, 1, 2, 3, 4]}}"> {{item}} </view>
(2)对象
Page({
data: {
foo: 'my-foo',
bar: 'my-bar'
}
})
<template is="objectCombine" data="{{foo, bar}}"></template>
{foo: ‘my-foo’, bar:’my-bar’}