javascript - 微信小程序在wx:for循环里判断数据再给类名，条件为动态时无效

Question

直接写数字去判断可以，写index就不行，{{tabArr.curHdIndex=='{{index}}'? 'classify-left-select' : ''}}这句出错

<view class="classify-left" style="height:{{leftHight}}" bindtap="tabFun">
    <block wx:for="{{Data}}" wx:for-item="group" wx:for-index="index">
      <view class="classify-left-item {{tabArr.curHdIndex=='{{index}}'? 'classify-left-select' : ''}}" data-id="{{index}}">{{group.Group.Name}}</view>
    </block>
  </view>
<view class="classify-right">
    <block wx:for="{{Data}}" wx:for-item="group">
      <view class="classify-right-item {{tabArr.curBdIndex=='{{index}}'? 'classify-right-select' : ''}}">
        <image class="classify-img-banner" src="{{group.Group.IconUrl}}"></image>
        <view class="classify-right-tag">
          <navigator wx:for="{{group.Tags}}" wx:for-item="Tags" url="/pages/productlist/productlist?loadtype=tag&keyword={{Tags.ProductTagID}}" hover-class="navigator-hover">
            <image src="{{Tags.IconUrl}}"></image>
            <text>{{Tags.TagName}}</text>
          </navigator>
        </view>
      </view>
    </block>
  </view>

生成xml如下：

<viewclass="classify-left"style="height:">
<viewclass="classify-left-item "data-id="0">母婴</view>
<viewclass="classify-left-item "data-id="1">护肤</view>
<viewclass="classify-left-item "data-id="2">彩妆</view>
<viewclass="classify-left-item "data-id="3">个护家居</view>
<viewclass="classify-left-item "data-id="4">食品保健</view>
<viewclass="classify-left-item "data-id="5">服饰鞋包</view>
</view>

可以看出，类名并未以index判断输出。。求指出错误

Answer 1

 <view class="classify-left-item {{tabArr.curHdIndex==index? 'classify-left-select' : ''}}" data-id="{{index}}">{{group.Group.Name}}</view>

Answer 2

双大括号内的都会被解析执行，tabArr.curBdIndex=='{{index}}'中的'{{index}}'整个都被当成字符串，当然一直都为假了，自然渲染为空。

只要写成tabArr.curHdIndex==index就能正确判断了。