角度数据结构化

Question

我是 Angular 的新手，所以如果这似乎是一个明显的问题，请提前道歉......

我知道如何使用ng-repeat指令显示一个简单的对象数组，但我不确定如何构建更复杂的信息层。

例如：如果我想列出英超足球俱乐部，我可以简单地创建一个对象数组，数组列出俱乐部，每个俱乐部都是一个对象，其中包含与该俱乐部相关的各种信息或数据的键值对：

$scope.clubs = [
  {
    name: "Arsenal",
    nickname: "Gunners",
    clubBadge: "arsenal.jpg",
    founded: "1886"
  },
  {
    name: "Newcastle United",
    nickname: "Magpies",
    clubBadge: "newcastle.jpg",
    founded: "1892"
  } 
  // etc...
]

没关系。但是，我可能想列出每个俱乐部内的球员。例如：

  // the following being the team of Newcastle United...
  {
    GK: "Rob Elliot",
    LB: "Paul Dummett",
    CB: "Fabricio Coloccini",
    CB: "Chancel Mbemba",
    RB: "Daryl Janmaat",
    LW: "Andros Townsend",
    MF: "Georginio Wijnaldum",
    MF: "Jack Colback",
    RW: "Moussa Sissoko",
    ST: "Ayoze Perez",
    ST: "Aleksander Mitrovic",
  }; // and so on for other clubs...

鉴于上述对象

只是无序数组中的一个随机索引，我将如何将上述对象附加到原始数组中的纽卡斯尔联队（以及其他俱乐部也是如此）？从整体上构建这些信息的正确方法是什么？

我可以通过提供每个玩家的统计数据来更进一步，例如：

  { // stats for Moussa Sissoko
    speed: "86",
    ballControl: "71",
    strength: "85",
    vision: "79"
  } 
  { // stats for Ayoze Perez
    speed: "78",
    ballControl: "83",
    strength: "69",
    vision: "78"
  } 

同样，我将这些列为单独的对象。但是我不知道将它们链接到各自的俱乐部的哪个数组，或者如何连接每个数组（假设有三个单独的数组：$scope.clubs、$scope.players、$scope.attributes）。

如果纽卡斯尔联队是阵列中的第10家俱乐部，那将是$scope.clubs[9]，但我不想为没有链接到$scope.clubs[]数组的球员创建一个全新的数组。理想情况下，我希望这一切都是连接的。

在这些情况下，ng-repeat是否足以访问模型数据，还是需要更复杂的指令？我希望构建信息，以便轻松更新和显示视图中的数据。

抱歉，这有点啰嗦 - 如果我知道如何更简洁地表达我的问题，我会的！

这里的任何建议将不胜感激。提前谢谢。

Answer 1

Var clubs = [
    {
         Name : "clubname",
         Players: [
              {
                    Name: "name"
              },
              {
                    Name:"othername"
              }
          ];
    }
];
enter code here

Answer 2

您可以将对象放在对象中，示例将如下所示：

$scope.clubs = [
{
    name: "Arsenal",
    nickname: "Gunners",
    clubBadge: "arsenal.jpg",
    founded: "1886",
    players: [
         {
             //all the player stuff
         },
         {
             //Other player stuff
         }
         //Continue with all the players
    ]
},
{
    name: "Newcastle United",
    nickname: "Magpies",
    clubBadge: "newcastle.jpg",
    founded: "1892",
    players: [
         {
             //all the player stuff
         },
         {
             //Other player stuff
         }
         //Continue with all the players
    ]
} 
// etc...
]

你可以像这样访问$scope.clubs[0].players，我建议你给俱乐部一个 ID，这样使用数据会容易得多。为此，如果您有权访问源代码，则可以从那里添加它，如果没有，则可以在对象上使用foreach循环并添加Id属性