基礎(chǔ)數(shù)據(jù)綁定
1、
<!-- xxx.swan -->
<view>
Hello My {{ name }}
</view>
? ?
2、
// xxx.js
Page({
data: {
name: 'SWAN'
}
}); ??
?
循環(huán)
開(kāi)發(fā)者可以通過(guò)在元素上添加s-for指令,來(lái)渲染一個(gè)列表:
語(yǔ)法
1、
<view>
<view s-for="p in persons">
{{p.name}}
</view>
</view>
2、
Page({
data: {
persons: [
{name: 'superman'},
{name: 'spiderman'}
]
}
}); ? ?
條件
開(kāi)發(fā)者可以通過(guò)在元素上添加s-if指令,來(lái)在視圖層進(jìn)行邏輯判斷:
1、
<view s-if="is4G">4G</view>
<view s-elif="isWifi">Wifi</view>
<view s-else>Other</view>
? ?
2、
Page({
data: {
is4G: true,
isWifi: false
}
}); ? ?
閱讀本文的人還可以閱讀: