AngularJS数据结构：客户端还是API？

Question

$scope.clients = [
    { client:"Client1", projects:[ 
        { project: "Project1", items:[
            { item: "This is the first item" },
            { item: "This is the second item" }
        ]},
        { project: "Project2", items:[
            { item: "This is the third item" },
            { item: "This is the fourth item" }
        ]}
    ]},
    { client:"Client2", projects:[ 
        { project: "Project4", items:[
            { item: "This is the fifth item" },
            { item: "This is the sixth item" }
        ]}
    ]}
];

[
    { client: "Client 1", project: "Project 1", item: "This is the first item." },
    { client: "Client 1", project: "Project 1", item: "This is the second item.", },
    { client: "Client 1", project: "Project 2", item: "This is the third item.", },
    { client: "Client 2", project: "Project 4", item: "This is the fourth item.", }
];

Answer 1

我通常发现在整个应用程序中不要将API响应转换为不同的格式是有帮助的。如果嵌套结构在您的页面上有用，并且在其他地方也会继续有用，我会坚持使用它。您不希望在使用API响应的每个页面上都将其从一种格式转换为另一种格式，因此选择具有内聚性且易于理解的内容。

IMO中，嵌套结构看起来更好，因为您不必在前端进行分组和关联。如果可能的话，我倾向于我的API响应只需要很少的“按摩”就可以在我的页面上下文中工作。

就API设计而言，如果您正在寻找一些标准，这个问题的答案对于标准API设计和响应格式有一些很好的参考。