Angular 2 Change Detection Mechanismus

Question

Ich studiere Angular 2 Change Detection und ich habe einige Probleme, oder zumindest muss ich ein paar Erklärungen.

ist die folgende vereinfachte Code von AppRef Lassen Sie bekommen (und von Througtram Blog):

class ApplicationRef { 

    changeDetectorRefs:ChangeDetectorRef[] = []; 

    constructor(private zone: NgZone) { 
    this.zone.onTurnDone 
     .subscribe(() => this.zone.run(() => this.tick()); 
    } 

    tick() { 
    this.changeDetectorRefs 
     .forEach((detector) => detector.detectChanges()); 
    } 
} 

Wir können davon ausgehen, dass es durch die Komponente ein Change ist. Ich gehe auch davon aus, dass es nur eine Zone.js Gabel in einer winkelförmigen 2 Anwendung gibt.

Ab jetzt lassen Sie uns die Code-Implementierung von detectChanges bekommen, wo es einen Vergleich, wie (vereinfacht) ist:

detectChanges(){ 
    //... 
if(this.previousValue !== newValue){ 
    this.previousValue = newValue 
} 

} 

Von diesem Punkt, wohl wissend, dass nur eine Zone.js Gabel alle Ereignisse auslösen und dann einen ChangeDetection-Zyklus starten, heißt das, dass alle Detektoren aus dem gesamten Komponentenbaum von diesem Vergleich betroffen sind? Ich meine, wenn ich 1000 Komponenten habe, habe ich 1000 Aufrufe, um Changes zu erkennen?

Danke für Ihre Hilfe

Answer 1

Grundsätzlich ja, Angular jede Bindung von oben nach unten auf jeder Änderung Erfassungszyklus vergleicht.

Deshalb gibt es ChangeDetectionStrategy.OnPush, die das Überspringen von überprüfenden Komponenten (und seiner untergeordneten/untergeordneten Komponenten und Direktiven) zulässt, wenn für diese Komponente keine Eingabeeigenschaft geändert wurde.