template中each和for的区别

<script id="search" type="text/html">
        <ul>
            {{each Suggests as value i}}
                <li>{{value.Txt}}</li>
            {{/each}} 
            <!-- <%for(var i = 0;i < Suggests.length; i++) {%>
                    <li><%:=Suggests[i].Txt%></li>
            <%}%> -->
        </ul>
    </script>

var search = document.getElementById('search').innerHTML;
                        var data = imgData[i][0].Results[0];
                        console.log(data.Suggests[1].Txt);
                        var result =  template(search,{ Suggests: data.Suggests} );
                        $(".list").get(0).innerHTML = result;

上边造成的结果是：

注释掉<script>中的程序，并将本来的注释取消注释造成的结果：

qq_洌_0 2019-07-05

源自：项目：jQuery实现左侧导航 3-4 作业题

收起

1回答

樱桃小胖子 2019-07-05 18:49:13

首先这里不是each哦

{{each Suggests as value i}}
    <li>{{value.Txt}}</li>
{{/each}}

这个是模板引擎的写法，相当于是占位符，是模板引擎template 中的遍历所用的语法，只用在template中

希望可以帮到你！

收起回答

提问者 qq_洌_0 #1

怎么样使用这个模板（或者说我这部分的程序怎么改）使得程序正常运行

2019-07-05 18:51:58
樱桃小胖子回复提问者 qq_洌_0 #2

这个只是参考，不一定使用模板实现，同学可以不使用模板实现，目前只有片段的代码老师无法帮你整体分析，同学可以先尝试不使用模板字符串的方法进行本次作业的书写，然后提交作业哦！

2019-07-05 18:55:39