做(zuò)自(zì)由與創造的先行(xíng)者

邏輯語法

小程序開(kāi)發手冊

通(tōng)過 {{ 變量名 }} 語法可(kě)以使得 WXML 擁有動态渲染的能(néng)力,除此外(wài)還可(kě)以在 {{ }} 內(nèi)進行(xíng)簡單的邏輯運算。

三元運算:

<!-- 根據 a 的值是否等于 10 在頁面輸出不同的內(nèi)容 -->

<text>{{ a === 10? "變量 a 等于10": "變量 a 不等于10"}}</text>

算數(shù)運算:

<!--

{ a: 1, b: 2, c: 3 }

-->

<view> {{a + b}} + {{c}} + d </view>

<!-- 輸出 3 + 3 + d -->

類似于算數(shù)運算,還支持字符串的拼接,如(rú)代碼2-11所示。

代碼清單2-11 字符串的拼接

<!--

{ name: 'world' }

-->

<view>{{"hello " + name}}</view>

<!-- 輸出 hello world -->

{{ }}中還可(kě)以直接放置數(shù)字、字符串或者是數(shù)組

代碼清單2-12 常量

<text>{{[1,2,3]}}</text>

<!-- 輸出 1,2,3 -->

<text>{{"hello world"}}</text>

<!-- 輸出 hello world -->

網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:條件邏輯
上(shàng)一(yī)篇:數(shù)據綁定