javascript - Angular 2 中嵌套的 json 数据 - 如何过滤？

Question

我是 Angular、Js 等方面的新手，并且在理解如何处理嵌套数据方面存在问题。例如:

我有四个 json 文件:

• 类别
• 子类别
• 帖子
• 评论

最好有 4 个不同的文件，例如上面的文件，或者像这样的文件:

{
"id_category":"1",
"name":"business",
"subcategories":{
    "id":"1",
    "name":"ecommerse",
    "posts": {
        "id": 1,
        "title": "New post"
        "comments": {
            "id": 1,
            "text": "text text text"
     }
  }
}

当然这只是一个示例，但对于该示例，我需要通过 Id = 1 查找评论，以获取有关此评论与哪个帖子相关、哪个子类别和类别的信息。

现在我有四个不同的文件和从 json 文件获取数据的服务。我可以通过ID获取具体评论:

getComment(Id: number) {
    return this.comments.find(
        (comment) =>
        comment.id === Id 
    );
}

好的，好的。但是如果我想获取有关此评论的帖子、子类别和主类别的信息？我该怎么办？

Answer 1

这取决于您的应用程序的具体需求。

采用这种结构:

{
"id_category":"1",
"name":"business",
"subcategories":{
    "id":"1",
    "name":"ecommerse",
    "posts": {
        "id": 1,
        "title": "New post"
        "comments": {
            "id": 1,
            "text": "text text text"
     }
  }
}

您可以迭代类别并显示列表，然后允许用户选择单个类别，并将其分配给var currentCategory。

然后，您可以迭代currentCategory.subcategories以允许用户选择子类别并将其分配给var currentSubCategory。您将继续深入到 currentSubCategory.posts，允许用户选择 post，将其分配给 var currentPost，然后迭代它显示currentPost.comments。

如果您从数据库中获取数据是为了允许用户深入查看数据以仅用于显示，那么类似的操作就可以了。

如果您在 JSON 文件中维护数据，那么我会查看类似 JSON Server https://github.com/typicode/json-server 的内容。

如果您正在构建更实质性的东西并且您有一个数据库后端，请利用数据库并且不要尝试在 JSON 中重新创建该功能，请使用 JSON 作为数据传输，但不要尝试要在前端代码中复制整个表或复杂的数据结构，只需在需要时获取所需的内容，因为这将使应用程序更加稳定和可扩展，并且还可以使您更轻松地获取和更新数据分成易于管理的小块。

要使用 JSON 模拟数据后端，请考虑 json-server

https://www.npmjs.com/package/json-server