Angular .then 未定义

Question

我正在尝试在 Angularjs 应用程序中实现 this promise pattern。但是 someUserContent 返回值 true 而不是所需的实际数据。如何将数据发送到控制器？

在我的控制器中：

.controller('MyCtrl',function() {

   MyFactory.checkUser(userId) //returns true
   .then(MyFactory.prepDatabase())  //returns true
   .then(Myfactory.getUserContent()) //returns a someUserData
   .then(function(someUserData) {
       //do some stuff with all this data  
    });
}

还有工厂：

.factory('MyFactory', function($q,$http....) {

   MyFactory.prototype.checkUser = function(user_id) {
      var self = this;
      this.db = new PouchDB('users', {location: 'default'});   
      return $q.when(true);
   }

   Myfactory.prototype.getUserContent = function() {
    if (!self.someUserData) {
      return $q.when(self.db.allDocs({ include_docs: true}))
        .then(function(docs) { 
          self.someUserData = docs.rows.map(function(row) {
            return row.doc;
          });
          return $q.when(self.someUserData);
        })
    } else {
      return $q.when(self.someUserData);
    }
   }    
} 

Answer 1

尝试传递引用而不是调用方法。您正在进行异步调用，它需要等待 promise 返回，当您在 then 方法中执行它们时，它们没有 promise，这就是您收到错误的原因。

 .then(MyFactory.prepDatabase) 
   .then(Myfactory.getUserContent) 

改变你的工厂

.factory('MyFactory', function($q,$http....) {
 var db = new PouchDB('users', {location: 'default'});
   MyFactory.prototype.checkUser = function(user_id) {
      var self = this;             
      return $q.when(true);
   }

   Myfactory.prototype.getUserContent = function() {
    if (!self.someUserData) {
      return $q.when(db.allDocs({ include_docs: true}))
        .then(function(docs) { 
          self.someUserData = docs.rows.map(function(row) {
            return row.doc;
          });
          return $q.when(self.someUserData);
        })
    } else {
      return $q.when(self.someUserData);
    }
   }    
}