TypeScript NgZone.runOutsideAngular方法代碼示例

	private applyChanges(changes: KeyValueChanges<string, Layer>, addFn: (layer: Layer, name: string) => void): LeafletControlLayersChanges {
		const results: LeafletControlLayersChanges = new LeafletControlLayersChanges();

		if (null != changes) {

			// All layer management is outside angular to avoid layer events from triggering change detection
			this.zone.runOutsideAngular(() => {

				changes.forEachChangedItem((c) => {
					this.layersControl.removeLayer(c.previousValue);
					addFn.call(this.layersControl, c.currentValue, c.key);
					results.layersChanged++;
				});
				changes.forEachRemovedItem((c) => {
					this.layersControl.removeLayer(c.previousValue);
					results.layersRemoved++;
				});
				changes.forEachAddedItem((c) => {
					addFn.call(this.layersControl, c.currentValue, c.key);
					results.layersAdded++;
				});

			});

		}

		return results;
	}

 public setTimeout(action: any, timeout?: any): void {
     this._ngZone.runOutsideAngular(() => {
         window.setTimeout(() => {
             action();
         }, timeout);
     });
 }

	/**
	 * Update the state of the layers.
	 * We use an iterable differ to synchronize the map layers with the state of the bound layers array.
	 * This is important because it allows us to react to changes to the contents of the array as well
	 * as changes to the actual array instance.
	 */
	private updateLayers() {

		const map = this.leafletDirective.getMap();

		if (null != map && null != this.layersDiffer) {

			const changes = this.layersDiffer.diff(this.layersValue);
			if (null != changes) {

				// Run outside angular to ensure layer events don't trigger change detection
				this.zone.runOutsideAngular(() => {

					changes.forEachRemovedItem((c) => {
						map.removeLayer(c.item);
					});
					changes.forEachAddedItem((c) => {
						map.addLayer(c.item);
					});

				});

			}

		}

	}

           macroTask(() => {
             _zone.runOutsideAngular(
                 () => { promise = Promise.resolve(4).then((x) => Promise.resolve(x)); });

             promise.then(_log.fn('promise then'));
             _log.add('zone run');
           });

  constructor(private _platform: Platform, ngZone: NgZone) {
    this._change = _platform.isBrowser ? ngZone.runOutsideAngular(() => {
      return merge<Event>(fromEvent(window, 'resize'), fromEvent(window, 'orientationchange'));
    }) : observableOf();

    this._invalidateCache = this.change().subscribe(() => this._updateViewportSize());
  }

 ngOnInit(): void {
     if (this.table.settings.hoverEvents) {
         this.ngZone.runOutsideAngular(() => {
             this.element.addEventListener('mouseover', this.onMouseover.bind(this));
             this.element.addEventListener('mouseout', this.onMouseout.bind(this));
         });
     }
 }

 playVideo(media: GoogleApiYouTubeVideoResource, seconds?: number) {
   const id = media.id;
   const isLoaded = this.player.getVideoUrl().includes(id);
   if (!isLoaded) {
     this.zone.runOutsideAngular(() => this.player.loadVideoById(id, seconds || undefined));
   }
   this.play();
 }

 ngOnInit(): void {
     const editable = this.table.columns.some(x => x.editable);
     if (editable) {
         this.ngZone.runOutsideAngular(() => {
             this.element.addEventListener('dblclick', this.onDblClick.bind(this));
         });
     }
 }

 .then(() => {
     if (this.localStorageService.clearAll()) {
         this.zone.runOutsideAngular(() => {
             location.reload();
         });
     } else {
         throw new Error('Failed to clear local storage');
     }
 });

 ngAfterViewInit() {
   this._ngZone.runOutsideAngular(() => {
     let self: MatchPageComponent = this;
     function step() {
       self.onFrame();
       self.requestAnimationFrameHandle = window.requestAnimationFrame(step);
     }
     self.requestAnimationFrameHandle = window.requestAnimationFrame(step);
   });
 }