Как отменить макрозадачу и микрозадачу в зоне. js?

Question

Я хочу выполнить асинхронную работу, используя zone.js. В основном это будет зона. js microTask. Когда я получил желаемый результат, я sh отменил все текущие и запланированные задачи. Я немного смущен тем, где отменить задачи.

Вот мой код,

class ZoneSpec {
  constructor(name) {
    this.name = name;
    this.properties = {};
    this._zoneTasks = [];
  }

  onHandleError(parentZoneDelegate, currentZone, targetZone, error) {
    console.log(error);
  }

  onInvokeTask(parentZoneDelegate, currentZone, targetZone, task, ...args) {
    return parentZoneDelegate.invokeTask(targetZone, task, ...args);
  }

  onScheduleTask(parentZoneDelegate, currentZone, targetZone, task) {
    this._zoneTasks.push(task);
    return parentZoneDelegate.scheduleTask(targetZone, task);
  }

  cleanup() {
    while (this._zoneTasks.length) {
      let task;
      try {
        task = this._zoneTasks.pop();
        if (task.state != `notScheduled`) Zone.current.cancelTask(task);
      } catch (e) {
        console.error("error::" + e.message);
      }
    }
  }
}

const spec = new ZoneSpec("async-task");

const asyncZone = Zone.current.fork(spec);

const macroTask = () => {
  setInterval(() => {
    console.log("async task");
  }, 1000);
};

const microTask = () => {
  Promise.resolve(0).then(() => {
    macroTask();
  });
};

asyncZone.run(microTask);

setTimeout(() => {
  Zone.current.runGuarded(() => {
    spec.cleanup();
  });
}, 5000);

Я получаю ошибку:

async task
async task
async task
async task
macroTask
error::A task can only be cancelled in the zone of creation! (Creation: async-task; Execution: <root>)
microTask
async task
async task

Пожалуйста, кто-то пролить свет на эту проблему. Большое спасибо ...!