百度智能小程序SWAN 視圖基礎(chǔ)數(shù)據(jù)綁定怎么做

基礎(chǔ)數(shù)據(jù)綁定

1、

<!-- xxx.swan -->
<view>
Hello My {{ name }}
</view>
? ?

2、

// xxx.js
Page({
data: {
name: 'SWAN'
}
}); ??

?

循環(huán)

開發(fā)者可以通過在元素上添加s-for指令，來渲染一個列表：

語法

1、

<view>
<view s-for="p in persons">
{{p.name}}
</view>
</view>

2、

Page({
data: {
persons: [
{name: 'superman'},
{name: 'spiderman'}
]
}
}); ? ?

條件

開發(fā)者可以通過在元素上添加s-if指令，來在視圖層進(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
}
}); ? ?

閱讀本文的人還可以閱讀：

百度智能小程序入口有哪些？哪里可以進(jìn)入百度智能小程序？

百度智能小程序開源聯(lián)盟是什么

百度智能小程序的流量為什么那么高，小程序如何引流？

怎樣做好百度智能小程序體驗(yàn)設(shè)計（1）