骨干网遍历并从嵌套集合中获取价值

Question

我在访问主干集合中的嵌套值时遇到问题。 到目前为止，我已经设法找出一些价值。 这是html和javascript代码以及我的结果：代码： http : //jsfiddle.net/mM2Mk/4/结果： http : //tinypic.com/r/2qn3amu/6

但是，此解决方案中的集合未遵循我实际的api的结构。 我要开始工作的结构如下所示：

teamsCollection = new Standings.Collections.TeamsCollection([
{
    credit: {
        message: "Provided by ",
        link: "",
        logoUrl: ""
    },
    metadata: { },
    groups: [
        {
            labels: [ ],
            standings: [
                {
                    team: {
                        id: 9369,
                        name: "IF Elfsborg",
                        shortName: "Elfsborg",
                        link: ""
                    },
                    stats: [
                        {
                            name: "gp",
                            value: 30
                        },
                        {
                            name: "w",
                            value: 18
                        },
                        {
                            name: "d",
                            value: 5
                        },
                        {
                            name: "l",
                            value: 7
                        },
                        {
                            name: "gf",
                            value: 48
                        },
                        {
                            name: "ga",
                            value: 29
                        },
                        {
                            name: "gd",
                            value: 19
                        },
                        {
                            name: "pts",
                            value: 59
                        }
                    ]
                },
      {
                    team: { 
                        id: 19740,
                        name: "BK Häcken",
                        shortName: "Häcken",
                        link: ""
                    },
                    stats: [
                        {
                            name: "gp",
                            value: 30
                        },
                        {
                            name: "w",
                            value: 17
                        },
                        {
                            name: "d",
                            value: 6
                        },
                        {
                            name: "l",
                            value: 7
                        },
                        {
                            name: "gf",
                            value: 67
                        },
                        {
                            name: "ga",
                            value: 36
                        },
                        {
                            name: "gd",
                            value: 31
                        },
                        {
                            name: "pts",
                            value: 57
                        }
                    ]
                },

该代码为我们提供了一些运动成绩，例如比赛次数，获胜次数，进球数等。这只是该系列中其他几支球队中的一个。 现在我的问题是如何像我在示例中一样（上面的Tinypic网址）遍历嵌套值并显示它们。 我的目标是获取团队名称以及统计信息，并将其显示在html中。 其余团队等等。

Answer 1

只需使用模板并使用foreach遍历数组即可将手风琴HTML放置到位。

您可以使用已经包含的Underscore模板 ，因为Underscore是Backbone的依赖项。
或者，您可以使用其他模板引擎，例如Handlebars： source 。

两者都给出了如何遍历对象的示例。

编辑：
让我们做一个随机模板（带下划线，这更难）：

<script id="myTemplate">
<% _.each(standings, function(standing) { %>
  <a href="<%= standing.team.link %>"><%= standing.team.name %></a><br/>
  <ul>
  <% _.each(standing.stats, function(stat) { %>
    <li><%= stat.name %>: <%= stat.value %></li>
  <% } %>
  </ul>
<% } %>
</script>

然后编译它，并使用您的groups [0]或类似名称进行调用。

_.template($('#myTemplate').html(), groups[0]);

要么

var myTemplate = _.template($('#myTemplate').html());
myTemplate(groups[0]);

当然，您必须调整值，但这就是问题。