EL表达式中嵌套EL表达式解决方法

1.模拟需求:从一个商品集合中取出所有商品,第一个商品用它的第一张图片,第二个商品用它的第二张图片

2.起初按照通用思路,在c:forEach中定义一个varStatus,再通过vaStatus获取下标,结果写成了el表达式嵌套(如下),结果根本出不来

  1. <c:forEach items={products&nbsp;}"</span><span>&nbsp;</span><span class="attribute">var</span><span>=</span><span class="attribute-value">"product"</span><span>&nbsp;</span><span class="attribute">varStatus</span><span>=</span><span class="attribute-value">"idx"</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li><li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">img</span><span>&nbsp;</span><span class="attribute">src</span><span>=</span><span class="attribute-value">" {products&nbsp;}"</span><span>&nbsp;</span><span class="attribute">var</span><span>=</span><span class="attribute-value">"product"</span><span>&nbsp;</span><span class="attribute">varStatus</span><span>=</span><span class="attribute-value">"idx"</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li><li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">img</span><span>&nbsp;</span><span class="attribute">src</span><span>=</span><span class="attribute-value">" {product.imgUrls[{idx.index}]&nbsp;}"</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;</span></span></li><li class="alt"><span><span class="tag">&lt;/</span><span class="tag-name">c:forEach</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li></ol></div><pre class="html" name="code" style="display: none;">&lt;c:forEach items=" {idx.index}]&nbsp;}"</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;</span></span></li><li class="alt"><span><span class="tag">&lt;/</span><span class="tag-name">c:forEach</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li></ol></div><pre class="html" name="code" style="display: none;">&lt;c:forEach items=" {products }” var=”product” varStatus=”idx”> <img src=” product.imgUrls[$idx.index]/></c:forEach>3.el p r o d u c t . i m g U r l s [ $ i d x . i n d e x ] ” / >< / c : f o r E a c h > 3. 通 过 查 资 料 发 现 , e l 表 达 式 是 不 能 直 接 写 进行嵌套的,如果要嵌套使用,需要省略掉嵌套里面的${}符号,如下就可以。

    1. <c:forEach items={products&nbsp;}"</span><span>&nbsp;</span><span class="attribute">var</span><span>=</span><span class="attribute-value">"product"</span><span>&nbsp;</span><span class="attribute">varStatus</span><span>=</span><span class="attribute-value">"idx"</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li><li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">img</span><span>&nbsp;</span><span class="attribute">src</span><span>=</span><span class="attribute-value">" {products&nbsp;}"</span><span>&nbsp;</span><span class="attribute">var</span><span>=</span><span class="attribute-value">"product"</span><span>&nbsp;</span><span class="attribute">varStatus</span><span>=</span><span class="attribute-value">"idx"</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li><li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;</span><span class="tag-name">img</span><span>&nbsp;</span><span class="attribute">src</span><span>=</span><span class="attribute-value">" {product.imgUrls[idx.index] }”/>  
    2. </c:forEach>  
    <c:forEach items="${products }" var="product" varStatus="idx">
        <img src="${product.imgUrls[idx.index] }"/>
    </c:forEach>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值