Açısal 2: ChangeDetection ve mousemove olayı

Question

Birçok çocukla birlikte bir Açısal 2 Bileşenim var. Performans sorunları nedeniyle, ChangeDetection'ın alt bileşenlerimi ne sıklıkla denetlediğini kontrol etmek istedim. Bu nedenle, ngAfterViewChecked'u, çocuk bileşenlerimden birinin arkasına kaydettim.

benim ebeveyn-bileşenli bir mousemove() -callback sahip olduğunu fark etti ve böylece benim çocuk i ebeveyn üzerinde benim fareyi her zaman çağrılan ngAfterViewChecked. Ama benim mousemove() - geri bildirimdeki herhangi bir bileşen değişkenini güncellemiyorum. ChangeDetection neden çocuklar için çalışıyor ve bunu nasıl durdurabilirim?

Umarım problemi anlıyorsunuzdur (eğer lütfen yorum yapmayın, bu yüzden bir şeyleri parçalayabilirim). Yardımınız için Thx! ChangeDetection gelen EventListener dışlamak nasıl

Answer 1

sitesi peeskillet sağlanan gösterileri:

import { Component, NgZone } from '@angular/core'; 

@Component(...) 
export class AppComponent { 
... 
    element: HTMLElement; 

    constructor(private zone: NgZone) {} 

    mouseDown(event) { 
    ... 
    this.element = event.target; 

    this.zone.runOutsideAngular(() => { 
     window.document.addEventListener('mousemove', this.mouseMove.bind(this)); 
    }); 
    } 

    mouseMove(event) { 
    event.preventDefault(); 
    this.element.setAttribute('x', event.clientX + this.clientX + 'px'); 
    this.element.setAttribute('y', event.clientX + this.clientY + 'px'); 
    } 
} 

fazla bilgi için gerçekten bu article tavsiye edebilir. Peeskillet için büyük THX!