1

我想实现像plunker这样的在线编辑器。我已经定义了以下数据结构:一个post(即一个项目)包含folders(表示不同版本的帖子)列表,folder只是一个列表files在添加之前填充:RangeError:超出最大调用堆栈大小

var PostSchema = new mongoose.Schema({ 
    folders: [{ type: mongoose.Schema.Types.ObjectId, ref: 'Folder' }] 
    ... 
}); 

var FolderSchema = new mongoose.Schema({ 
    files: [{ name: String, body: String, editorOption: Object }], 
    post: { type: mongoose.Schema.Types.ObjectId, ref: 'Post' } 
}) 

我想用下面的请求(由save按钮编辑器)添加文件夹/版本。请注意,因为帖子可以同时在不同的地方打开,所以我们必须从数据库中取出帖子,然后向其添加版本,然后我们将最新的帖子返回给控制器。

o.addFolder = function (id, folder) { 
    return $http.post('/posts/' + id + '/editor/folders', folder, { 
     headers: { Authorization: 'Bearer ' + auth.getToken() } 
    }) 
} 

router.post('/posts/:post/editor/folders', auth, function (req, res, next) { 
    req.post.populate('folders', function (err, post) { 
     if (err) return next(err); 
     var folder = new Folder(req.body); 
     folder.post = post; 
     folder.save(function (err, folder) { 
      if (err) return next(err); 
      console.log("3 folder: "); console.log(folder); 
      console.log("4 post: "); console.log(post); 
      post.folders.push(folder); 
      console.log("5 folder: "); console.log(folder); 
      console.log("6 post: "); console.log(post); 
      post.save(function (err, post) { 
       if (err) return next(err); 
       res.json({ folder: folder, post: post }) 
      }) 
     }) 
    }) 
}); 

这里是一个尝试的2个文件的文件夹添加到空后测试日志:

3 folder: 
{ __v: 0, 
    post: 
    { _id: 58b5e86d8e328f58f3e87ac2, 
    __v: 0, 
    folders: [] }, 
    _id: 58b5e86d8e328f58f3e87ac3, 
    files: 
    [ { name: 'index.html', 
     body: '<!DOCTYPE html>\n<body>\nindex.html\n</body>\n</html>', 
     editorOption: [Object], 
     _id: 58b5e86d8e328f58f3e87ac5 }, 
    { name: 'script.js', 
     body: '', 
     editorOption: [Object], 
     _id: 58b5e86d8e328f58f3e87ac4 } ] } 
4 post: 
{ _id: 58b5e86d8e328f58f3e87ac2, 
    __v: 0, 
    folders: [] } 
5 folder: 
events.js:85 
     throw er; // Unhandled 'error' event 
      ^
RangeError: Maximum call stack size exceeded 

有谁知道什么是错在那里?

+0

这意味着您遇到无限递归,虽然在代码一眼它不会立即明显(至少对我来说),之后在那里...它也有点困难,因为所有的变量阴影的跟着你正在做。 –

+0

它们是嵌套的回调函数,我不明白递归是如何实现的... – SoftTimur

+0

它几乎必须是最后一次调用'res.json(...'否则你会看到'here'一遍又一遍地在devtools中打印直到你得到了溢出调用堆栈的错误...除非它发生在你没有发布代码的地方 –

回答

1

下面的代码完成我想要的。显然,req.post.folders.push(folder)可以将folder加到最新的post。最后我们做populate

router.post('/posts/:post/editor/folders', auth, function (req, res, next) { 
    var folder = new Folder(req.body); 
    folder.post = req.post; 
    folder.save(function (err, folder) { 
     if (err) return next(err); 
     req.post.folders.push(folder); 
     req.post.save(function (err, post) { 
      if (err) return next(err); 
      req.post.populate('folders', function (err, post) { 
       if (err) return next(err); 
       res.json(post); 
      }) 
     }) 
    }) 
}); 
相关问题