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

问题描述

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

<view bindtap='tabFun'> <block wx:for='{{Data}}' wx:for-item='group' wx:for-index='index'> <view 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 src='https://www.haobala.com/wenda/{{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='https://www.haobala.com/wenda/{{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判断输出。。求指出错误

问题解答

<view data-id='{{index}}'>{{group.Group.Name}}</view>回答2：

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

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