Angular5：在我的组件中恢复Promise Statut服务

Question

在这一点上，我失去了所有的头发。 我使用：Angular5 CLI + AngularFire2

1°在我的组件中，我的函数destroyUnicorn调用我的服务updateUnicorn1 。

2°我想知道请求是否有效，所以我在服务updateUnicorn1中做了一个承诺 。

3°如果请求解决或拒绝了omg ^^，我将无法收听。 如果请求不起作用，我想显示console.log（“ error”）并在我的组件中执行另一个函数，另一方面， 我想显示console.log（“ success”）并在我的组件中执行另一个函数 。 。

（但是console.log在该服务中有效）

我的Component.ts：

destroyUnicorn(item){
    this.itemService.updateUnicorn1( {
        statut: "destroyed",
        id: item.id
    })
    .then(function() {
         console.log('success');

    }).catch(function(something) {
         console.log('error');
    });
};

我的服务

    updateUnicorn1(item) {
          let self = this;

          let promise = new Promise((resolve, reject) => {
            self.itemDoc = self.afs.doc(`unicorns/${item.id}`);
            self.itemDoc.update(item)
            .then(resolve => {
                   console.log('all good');
            })
            .catch(reject => {
                  console.log('catch');
            });

        });  
       return promise;   
      }

Answer 1

这是我的男孩！

首先，您的组件很棒： Component.ts

destroyUnicorn(item){
    this.itemService.updateUnicorn1( {
        statut: "destroyed",
        id: item.id
    })
    .then(function() {
         console.log('success');

    }).catch(function(something) {
         console.log('error');
    });
};

第二：问题是承诺结构：所以让我们这样做：

updateUnicorn1(item) {
      var self = this;

      return new Promise((resolve,reject)=>{ 
        self.itemDoc = self.afs.doc(`unicorns/${item.id}`);
        self.itemDoc.update(item)
        .then(()=>{ 
            resolve({success :true}); 
        })
        .catch((err)=>{ 
            reject(err); 
        }); 
    }); 
  }

我认为问题在于回报。 再见