条件渲染

钉钉小程序支持a:if和block a:if条件渲染。

a:if

在框架中，我们使用 a:if="{{condition}}" 来判断是否需要渲染该代码块。

<view a:if="{{condition}}"> True </view>

也可以使用a:elif和a:else来添加一个else块。

<view a:if="{{length > 5}}"> 1 </view>
<view a:elif="{{length > 2}}"> 2 </view>
<view a:else> 3 </view>

因为a:if是一个控制属性，需要将它添加到一个标签上。如果想一次性判断多个组件标签，可以使用一个 <block/> 标签将多个组件包装起来，并在它的上边使用a:if来控制属性。

<block a:if="{{true}}">
  <view> view1 </view>
  <view> view2 </view>
</block>

注意

<block/> 并不是一个组件，仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。