美文网首页
模板界面的foreache遍历注意标签位置,防止循环范围过大

模板界面的foreache遍历注意标签位置,防止循环范围过大

作者: hello大象 | 来源:发表于2017-11-27 22:58 被阅读0次

后台输出数据完整,但是页面展示不全:
理想结果:


想要结果

代码如下:

 <foreach name="cat_infoA" item="v">
                    <div class="cat item1">
                        <h3><a href="">{$v.cat_name}</a> <b></b></h3>
                        <foreach name="cat_infoB" item="vv">
                            <if condition="$vv['cat_pid'] eq $v['cat_id']">
                            <div class="cat_detail">
                                <dl class="dl_1st">
                                    <dt><a href="">{$vv.cat_name}</a></dt>
                                    <dd>
                                        <foreach name="cat_infoC" item="vvv">
                                            <equal name="vvv['cat_pid']" value="$vv['cat_id']">
                                                <a href="">{$vvv.cat_name}</a>
                                            </equal>
                                        </foreach>
                                    </dd>
                                </dl>
                            </div>
                            </if>
                        </foreach>

                    </div>
 </foreach>
实际结果

实际结果展示不完全,调试发现,遍历范围过大,多遍历输出了<div>标签,导致数据展示bug。应把foreach遍历放在div内部,尽可能缩小范围,正确代码:

<foreach name="cat_infoA" item="v">
                    <div class="cat item1">
                        <h3><a href="">{$v.cat_name}</a> <b></b></h3>
                        <div class="cat_detail">
                            <foreach name="cat_infoB" item="vv">
                                <if condition="$vv['cat_pid'] eq $v['cat_id']">

                                    <dl class="dl_1st">
                                        <dt><a href="">{$vv.cat_name}</a></dt>
                                        <dd>
                                            <foreach name="cat_infoC" item="vvv">
                                                <equal name="vvv['cat_pid']" value="$vv['cat_id']">
                                                    <a href="">{$vvv.cat_name}</a>
                                                </equal>
                                            </foreach>
                                        </dd>
                                    </dl>

                                </if>
                            </foreach>
                        </div>
                    </div>
 </foreach>

相关文章

  • 模板界面的foreache遍历注意标签位置,防止循环范围过大

    后台输出数据完整,但是页面展示不全:理想结果: 代码如下: 实际结果展示不完全,调试发现,遍历范围过大,多遍历输出...

  • ECMAScript6 学习(一)

    字符串的扩展 字符串的遍历器接口for...of循环 模板字符串 字符串中嵌入变量 标签模板 模板字符串可以紧跟在...

  • 04-flask模板

    四、 模板 概念 模板语法 条件控制if 遍历for 结构标签 block 结构标签 extends 结构标签 i...

  • 小程序随笔不定期更新——第一弹

    页面的数据一般都需要遍历渲染,小程序使用Block标签来遍历渲染模板,这个标签没有意义不会在页面中渲染出来。 滚动...

  • Weixin Wxml

    标签 循环,判断 模板 引入

  • 模板循环标签

    在使用模板循环标签之前,先要在控制器中编写如下代码 我总觉的上面的代码,那些数组,用的是面向对象的思想去进行编写的...

  • JDK5-增强for循环

    下面的程序演示了增强for循环在数组及集合中的应用: 注意: 增强for循环只能够遍历数组和实现了Iteratab...

  • mybatis 中对foreach的使用心得

    Mybatyis foreache 标签 在Mybatis的xml配置中使用集合,主要是用到了foreach动态语...

  • 7.1 For 循环

    For 循环 for循环按照指定的次数的循环执行一段代码。Swift 提供了两种for循环: for-in遍历范围...

  • for,for in,forEach,for of 各种循环的用

    for循环 for...in循环 此语句以任意顺序遍历一个对象的可枚举属性。 注意: for...in只能遍历对象...

网友评论

      本文标题:模板界面的foreache遍历注意标签位置,防止循环范围过大

      本文链接:https://www.haomeiwen.com/subject/wiyjbxtx.html