终于阻止了角度2的承诺

Question

我观察到在角度2中,promise API没有finally块

角1:

 loadUsers() {
  fetch('/api/users').then((response) => {
    return response.json();
  }).then((data) => {
    this.users = data;
  }).catch((ex) => {
    console.error('Error fetching users', ex);
  }).finally(() => {
     this.userLoaded = true;
};

假设我必须在角度2中做同样的事情

如何在角度2承诺中添加finally块,截至目前只有then & catch blocks角度2可用.如果不是最后那么在执行每个方法之后有没有办法添加清理代码,我在哪里编写代码来做最后的阻塞活动？

Answer 1

最简单的方法是使用promise.finally shim.

• 添加它 npm install --save promise.prototype.finally
• 添加类型: npm install --save-dev @types/promise.prototype.finally
• 在主类中,在引导应用程序之前,添加以下代码:

import { shim } from 'promise.prototype.finally';
shim();

你现在应该可以使用finally你的承诺了.

Answer 2

这通常是使用 Promise.always 完成的。这需要一个函数，并添加一个新的.then承诺，为成功和失败状态提供相同的函数。如果该函数在给定的基于 Promise 的环境中不可用，则很容易填充。

Promise.always = function(p, fn) {
  return p.then(fn, fn);
}

用法：

var prom = fetch('/api/users').then...
Promise.always(prom, () => {
  this.userLoaded = true;
});
return prom;