1.模拟需求:从一个商品集合中取出所有商品,第一个商品用它的第一张图片,第二个商品用它的第二张图片
2.起初按照通用思路,在c:forEach中定义一个varStatus,再通过vaStatus获取下标,结果写成了el表达式嵌套(如下),结果根本出不来
- <c:forEach items=“{products }"</span><span> </span><span class="attribute">var</span><span>=</span><span class="attribute-value">"product"</span><span> </span><span class="attribute">varStatus</span><span>=</span><span class="attribute-value">"idx"</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">img</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">"
{products }"</span><span> </span><span class="attribute">var</span><span>=</span><span class="attribute-value">"product"</span><span> </span><span class="attribute">varStatus</span><span>=</span><span class="attribute-value">"idx"</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">img</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">"
{product.imgUrls[{idx.index}] }"</span><span class="tag">/></span><span> </span></span></li><li class="alt"><span><span class="tag"></</span><span class="tag-name">c:forEach</span><span class="tag">></span><span> </span></span></li></ol></div><pre class="html" name="code" style="display: none;"><c:forEach items="
{idx.index}] }"</span><span class="tag">/></span><span> </span></span></li><li class="alt"><span><span class="tag"></</span><span class="tag-name">c:forEach</span><span class="tag">></span><span> </span></span></li></ol></div><pre class="html" name="code" style="display: none;"><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
表
达
式
是
不
能
直
接
写
进行嵌套的,如果要嵌套使用,需要省略掉嵌套里面的${}符号,如下就可以。
- <c:forEach items=“{products }"</span><span> </span><span class="attribute">var</span><span>=</span><span class="attribute-value">"product"</span><span> </span><span class="attribute">varStatus</span><span>=</span><span class="attribute-value">"idx"</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">img</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">" {products }"</span><span> </span><span class="attribute">var</span><span>=</span><span class="attribute-value">"product"</span><span> </span><span class="attribute">varStatus</span><span>=</span><span class="attribute-value">"idx"</span><span class="tag">></span><span> </span></span></li><li class=""><span> <span class="tag"><</span><span class="tag-name">img</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">" {product.imgUrls[idx.index] }”/>
- </c:forEach>
<c:forEach items="${products }" var="product" varStatus="idx"> <img src="${product.imgUrls[idx.index] }"/> </c:forEach>