fixed zone.js

components/app.js

@@ -1,5 +1,4 @@
 import * as ng from 'angular2/angular2';
-import {LifeCycle} from 'angular2/src/core/life_cycle/life_cycle';
 import {Video} from 'components/video';
 import {YoutubeService} from 'services/youtube';
 
@@ -13,13 +12,9 @@ import {YoutubeService} from 'services/youtube';
 })
 export class YoutubeApp {
   videos;
-  constructor(lc: LifeCycle, yt: YoutubeService) {
+  constructor(yt: YoutubeService) {
     this.videos = [];
-    this.lc = lc;
-    yt.init().then((videos) => {
-      this.videos = videos;
-      lc.tick();  // investigate why needed?
-    });
+    yt.init().then((videos) => this.videos = videos);
   }
 }
 

index.html

@@ -34,9 +34,34 @@
     <youtube-app>Loading... Please wait</youtube-app>
     <script>
       System.import('main').then(function(module) {
+        zone = zone.fork(Zone.longStackTraceZone);
         module.main();
       }, console.log.bind(console));
     </script>
+    <script type="text/javascript">
+      function googleClientReady() {
+        /**
+         * This patches the Promise library of the GoogleClient. If it would be using native promises 
+         * this would not be necessary.
+         * 
+         * The issue is that the GoogleClientPromise gets triggerd from a callback which was registered before
+         * angular bootstraped and hence all `then`s execute in the wrong zone. If GoogleClient would use
+         * native Promise, this would not be a problem, but it does not, hence we patch the GoogleClientPromise
+         * to behave the same as native Promise.
+         */
+        gapi.client.load = (function(delegate) {
+          return function(name, ver) {
+            var promise = delegate.call(this, name, ver);
+            Zone.patchPrototype(promise.__proto__, [
+              'then',
+              'catch'
+            ]);
+            gapi.client.load = delegate; // Remove the Promise patch;
+            return promise;
+          }
+        })(gapi.client.load);
+      }
+    </script>
     <script src="https://apis.google.com/js/client.js?onload=googleClientReady"></script>
   </body>
 </html>