015 ∞ WXML：数据绑定 |【运算】
本帖最后由 不二如是 于 2018-5-18 08:54 编辑http://xxx.fishc.com/forum/201805/02/171248f4zdsipf6d4qjnjl.png
上一讲搞定了最简单的数据绑定，这次来学习绑定运算。
除了绑定基本数据，还可以在 {{}} 内进行简单的运算，支持的有如下几种方式。
三元运算：
<view hidden="{{flag ? true : false}}"> Hidden </view>
flag条件为真，执行true，输出Hidden；反之，什么也没有输出。
算数运算：
<view>{{a+b}}+{{c}}+{{c+d}}+d</view>
Page({
data: {
a: 1,
b: 2,
c: 3
}
})
view中的内容为:
未定义的直接输出，若是和其他元素发生运算关系，会输出NaN（num+string=NaN）。
逻辑判断：
<view wx:if="{{length > 5}}"> </view>
字符串运算：
<view>{{"Love" + name}}</view>
Page({
data:{
name: 'FishC'
}
})
数据路径运算：
<view>{{object.key}} {{array}}</view>
Page({
data: {
object: {
key: 'Love '
},
array: ['FishC','鱼C']
}
})
课后作业
1、填写空格，完善下列的三元运算符：
<view hidden="{{flag ？ true ？ false}}"> Hidden </view>
答案：
**** Hidden Message *****
如果有收获，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
这位鱼油，如果喜欢小程序，请订阅 专辑☞（传送门）（不喜欢更要订阅{:10_297:} ）
http://xxx.fishc.com/forum/201803/21/151715umqz1qoywp11wjbq.gif 0 ?: ？ ：
页:
[1]