Question

我有这段代码：

return WordPress.getAllCategories()
  .then(function (cats) {
  var category = {};
  $q.all(cats.data.map(function (cat) {
    return WordPress.getLatestPostOfCategory(cat.id)
      .then(function (post) {
        return WordPress.getMediaById(post.data.featured_media)
          .then(function (media) {

            console.log('post id: ' + post.data.id);

            console.log('Post title: ' + post.data.title.rendered);

            category.post = {};
            category.post.id = post.data.id;
            category.post.title = post.data.title.rendered;
            category.post.content = post.data.content.rendered;

            var splitted = category.post.content.split('<p><!--more--></p>');
            category.post.introAsHtml = splitted[0];
            category.post.contentAsHtml = splitted[1];

            category.post.thumbnail = media.data.source_url;

            return category;
          });
      });
  })).then(function (res) {
    console.log(res);
  });
});

从杂志主页的每个类别加载最新文章（使用带有$ http请求的WordPress REST API）。过程如下： 1.加载所有类别。 2.获取每个类别的最新帖子。 3.获取最新帖子的媒体。 4.根据发布数据构建category.post对象，并从接收的媒体中添加缩略图（特定于后期）。 5.在所有承诺得到解决后，$scope.categories = categories申请查看。

问题：

使用上面的代码，我可以看到控制台日志正确搜索不同的帖子和媒体，但最后我得到一个包含类别的数组，所有帖子都是相同的。相同的标题，内容，缩略图和一切。

我在这里的承诺做错了什么？

P.S。所有WordPresss服务功能都能正常运行。他们在通过WordPress博客的$ http请求收到必要的数据后返回已解决的承诺。

问候。

Answer 1

尝试这种方式：

return WordPress.getAllCategories()
  .then(function (cats) {
  $q.all(cats.data.map(function (cat) {
    return WordPress.getLatestPostOfCategory(cat.id)
      .then(function (post) {
        return WordPress.getMediaById(post.data.featured_media)
          .then(function (media) {

            console.log('post id: ' + post.data.id);

            console.log('Post title: ' + post.data.title.rendered);

            var category = {}; // moved declaration here to return new instance each time
            category.post = {};
            category.post.id = post.data.id;
            category.post.title = post.data.title.rendered;
            category.post.content = post.data.content.rendered;

            var splitted = category.post.content.split('<p><!--more--></p>');
            category.post.introAsHtml = splitted[0];
            category.post.contentAsHtml = splitted[1];

            category.post.thumbnail = media.data.source_url;

            return category;
          });
      });
  })).then(function (res) {
    console.log(res);
  });
});

您正在返回相同的类别对象实例，我只是在getMediaById回调中每次创建新实例

承诺 - 我在$ q.all之后得到了相同的结果

1 个答案: