有角度链接的承诺数组

时间:2017-03-09 12:21:06

标签: angularjs arrays promise chaining

我正在通过音乐曲目数据库建立一个网站。数据库如下:

  • 音乐表包含 musicid 和标题
  • musicrights 表包含 musicid memberid
  • 成员表包含 memberid 和memberinfo。

我试图在我的database服务中构建一个对象数组,每个条目代表一个包含其权利持有人的轨道(包含一个权利持有人但不是他的名字的信息)及其成员信息(包含名称等)。后端是sailsjs,代码如下:



angular.module("myapp").service("database", ["$q", "$http", function($q, $http) {

  var database = {};

  function getHolderMember(rightHolder) {
    return ($http.get("/api/members?where=" + JSON.stringify({
      memberid: rightHolder.memberid
    })).then(function (res) {
        rightHolder.member = res.data[0];
        return (rightHolder);
    }));
  }

  function getRightHolders(doc) {
    return ($http.get("/api/musicrights?where=" + JSON.stringify({
      musicid: doc.musicid
    })).then(function(res) {
      // array of promises :
      // each rightholder of a document has to solve member info
      var rightHolders = [];
      for (var i in res.data) {
        var rightHolder = {
          member: res.data[i].memberid,
          type: res.data[i].membertype,
          rights: res.data[i].memberrights
        };
        rightHolders.push(getHolderMember(rightHolder));
      }
      return ($q.all(rightHolders));
    }).then(function(rightHolders) {
      // expected array of one or two rightholders,
      // enriched with member information

      // actually returns array of one or two arrays of 30 members
      // without rightholder info
      console.log(rightHolders);
      doc.rightHolders = rightHolders;
      return (doc);
    }));
  }

  database.music = function(q) {
    return ($http.get("/api/music?where=" + JSON.stringify({
      or: [{
        title: {
          contains: q
        }
      }, {
        subtitle: {
          contains: q
        }
      }]
    })).then(function(res) {
      // array of 30 promises :
      // each one of 30 documents has to resolve its rightholders
      var documents = [];
      for (var i in res.data) {
        documents.push(getRightHolders(res.data[i]));
      }
      return ($q.all(documents));
    }));
  }

  return (database);
}]);




第一个承诺数组似乎按预期工作,但不是getRightHolders中的第二个。奇怪的是,这个函数返回一个或两个promises的数组,它们是rightHolders,等待它们的memberinfo。但是在我的console.log响应的回调中,我获得了一个或两个数组(根据推送的promises的数量),但是这个数组的元素是30个memberinfo而不是一个memberinfo的数组。我不明白这个$ q.all()调用是如何与前一个$ q.all混合的。

数据结构大致如下

  
      
  • documents []($ http => 30回复)      
        
    • music.musicid
    •   
    • music.rightHolders []($ http => 1,2,3回复)      
          
      • rightholder.rights
      •   
      • rightholder.member($ http => 1回复)      
            
        • member.memberinfo
        •   
      •   
    •   
  •   

任何帮助表示赞赏。谢谢!

更新:感谢您的回答,它就像一个魅力。这里是更新的代码,还有不同格式化数据的迁移服务(有一些数据库迁移正在进行)。我把它保留在第一个例子之外,但你的答案给了我这个简洁的语法。



angular.module("myApp").service("database", ["$q", "$http", "migrate", function($q, $http, migrate) {

        var database = {};

        function getHolderMember(rightHolder) {
          return ($http.get("/api/members?where=" + JSON.stringify({
            memberID: rightHolder.member
          })).then(function(res) {
            return (migrate.member(res.data[0]));
          }).then(function(member) {
            rightHolder.member = member;
            return (rightHolder);
          }));
        }

        function getRightHolders(doc) {
          return ($http.get("/api/rightHolders?where=" + JSON.stringify({
            musicID: doc.musicID
          })).then(function(res) {
            return (
              $q.all(res.data
                .map(migrate.rightHolder)
                .map(getHolderMember)
              )
            );
          }).then(function(rightHolders) {
            doc.rightHolders = rightHolders;
            return (doc);
          }));
        }

        database.music = function(q) {
          return ($http.get("/api/music?where=" + JSON.stringify({
            or: [{
                title: {
                  contains: q
                }
              },
              {
                subtitle: {
                  contains: q
                }
              }
            ]
          })).then(function(res) {
            return (
              $q.all(res.data
                .map(migrate.music)
                .map(getRightHolders)
              )
            );
          }));
        }

        return (database);
      }




1 个答案:

答案 0 :(得分:1)

我不太确定你是如何得到你描述的结果,但你的逻辑比它需要的更复杂,我认为这可能会导致你所看到的问题。你赋予getRightsHolders函数返回文档的责任,并根据你上面的评论,听起来你以前有getHolderMember()函数执行类似操作然后停止这样做。

我们可以通过让每个函数对其处理的实体负责并使用.map()而不是for来清理它(请不要将for..in与数组一起使用。)< / p>

请试一试:

angular
  .module("myapp")
  .service("database", ["$q", "$http", function($q, $http) {
    var database = {};

    function getHolderMember(memberId) {
      var query = JSON.stringify({ memberid: memberid });
      return $http.get("/api/members?where=" + query)
          .then(function (res) {
              return res.data[0];
          });
    }

    function populateRightsHolderWithMember(rightsHolder) {
       return getHolderMember(rightsHolder.memberid)
         .then(function (member) {
           rightsHolder.member = member;
           return rightsHolder;
         });
    }

    function getRightHolders(doc) {
      var query = JSON.stringify({ musicid: doc.musicid });

      return $http.get("/api/musicrights?where=" + query)
        .then(function(res) {
          return $q.all(res.data.map(populateRightsHolderWithMember));
        });
    }

    function populateDocumentWithRightsHolders(document) {
      return getRightsHolders(document)
        .then(function(rightsHolders) {
          document.rightsHolders = rightsHolders;
          return document;
        });
    }

    database.music = function(q) {
      return $http.get("/api/music?where=" + JSON.stringify({
        or: [{
          title: {
            contains: q
          }
        }, {
          subtitle: {
            contains: q
          }
        }]
      })).then(function(res) {
        return $q.all(res.data.map(populateDocumentWithRightsHolders));
      });
    }

    return (database);
  }]);