Javascript 嵌套模型模板-主干和；强调

我得到了以下JSON：

var data = [
                {
                    "headline" : "This is headline",
                    "description": "This is description",
                    "icons": [
                        {
                            "url" : "http://farm9.staticflickr.com/8356/8404884161_f1d3efe9d6_b.jpg",
                        },
                        {

                            "url" : "http://farm9.staticflickr.com/8349/8167535290_d824c3e7d2_b.jpg"
                        }
                    ]
                }
            ];

此模板：

<script type="text/template" id="items-tpl">
         <h1> <%= headline %> </h1>
         <p> <%= description %> </p>
         <ul>
             <li><%= url %></li>
         </ul>
 </script>

---

使用下划线（或没有附加库的任何其他方法）在主干中呈现此内容的最佳方法是什么？

不需要主干，除非您想将其用于更多示例。用下划线这样做

模板

<script type="text/template" id="items-tpl">
         <h1> <%= headline %> </h1>
         <p> <%= description %> </p>
         <ul>
             <% for (var i=0; i < icons.length; i++) { %>
             <li><%= icons[i].url %></li>
             <% } %>
         </ul>
 </script>

---

对于您拥有的数据，是否要呈现两次提供的模板？每个图标一个？？标题和说明应显示一次，然后显示图标列表

<div id="renderedModel"></div>

var templateHtml = _.template($("#items-tpl").html(), data[0]);

$("#renderedModel").append(templateHtml);