微信小程序class动态绑定不支持==表达式？

Question

微信小程序中class两个样式，一个default，一个checked，很常见的需求。

<view wx:for="{{styleList}}" class="default {{item.id===current.id?'checked':''}}" >
    <image class="styleImg" src="{{item.img}}"></image>
    <text class="styleText">{{item.name}}</text>
  </view>

报语法错误。

如果改成下面就不报了，这里不能写==判断，那我这里的逻辑要怎么写？

class="default {{item.id?'checked':''}}"

Answer 1

Page({
  data: {
    styleList: [...], 
    current: {...}, 
    getClass: function(id) {
      return this.current.id === id ? 'checked' : '';
    }
  }
})

<view wx:for="{{styleList}}" class="default {{getClass(item.id)}}" >
    <image class="styleImg" src="{{item.img}}"></image>
    <text class="styleText">{{item.name}}</text>
</view>