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='http://www.wxshucaidpc.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='http://www.wxshucaidpc.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就能正確判斷了。