Zone js

by Preetha Srinivasan

HTML

<script src="https://unpkg.com/[email protected]?main=browser"></script>
<button type="button" id="btn">OK</button>

JavaScript

function btnClicked() {
  console.log('Button clicked');
}


Zone.current.fork({
    name: 'foo_zone',

    onInvokeTask: function(parentZoneDelegate, currentZone, targetZone, task, applyThis, applyArgs) {
      console.log('~~~ ZONE START ~~~');
      parentZoneDelegate.invokeTask(targetZone, task);
      console.log('~~~ ZONE END ~~~');
    },
  })
  .run(function() {
    var btn = document.getElementById('btn');
    btn.addEventListener('click', btnClicked);
  }, 0);