javascript - Angular : What is the best way for storing objects in service for showing in view and crud functions to server

Question

我想创建一个从服务器获取关系数据的服务。我心里有两个选择，但我很难选择哪一个。

第一个选项是返回多维对象数组中的数据。

posts = [{id: 1, message: 'Sample 1', comments: [{id: 1, message:  'Sample comment 1', replies: [{id: 1, message: 'Sample reply 1'}]}]}]

第二个选项是为每个对象返回一个一维数组。

posts = [{id: 1, message: 'Sample ', comment_id: 1}]
comments = [{id: 1, message: 'Sample comment 1', reply_id: 1}]
replies = [{id: 1, message: 'Sample reply 1'}]

并通过外键和主键比较每个对象数组

我不知道哪一个更好，也不知道是否有其他方法可以用 Angular 来做到这一点。我想要的是轻松地将编辑删除数据添加到服务器，以及轻松更新或例如在 View 的对象上推送新数据。

Answer 1

我会选择第二个选项，但更改结构，使对象指向其父级，而不是子级:

posts = [{id: 1, message: 'Sample '}]
comments = [{id: 1, message: 'Sample comment 1', post_id: 1}]
replies = [{id: 1, message: 'Sample reply 1', comment_id: 1}]

这允许您构建具有链接到单个父级的多个子级的结构。

这里的优点是对象就像 NoSQL 响应。这为您提供了数据库的一些灵 active 。

此外，您可以等到需要时再请求它们。如果您显示可点击的帖子列表，则点击其中一个帖子将请求对该帖子的评论(同样也会请求回复)。这将减少在单个请求中下载所有帖子、评论和回复的开销，并且仅在单击对象时下载对象。