Betrachten Sie diese plunkerHat `Change: ChangeDetectionStrategy.OnPush` in angular2 funktioniert nur in eine Richtung: oben-> unten?
import {Component, OnInit, Input, OnChanges, DoCheck, ChangeDetectionStrategy, EventEmitter} from 'angular2/core'
@Component({
selector: 'child11',
template: `
<button (click)="change_obj()">Button in Child11</button>
<div>This is child11: {{my_obj11['name']}}</div>
`,
changeDetection: ChangeDetectionStrategy.OnPush
})
export class Child11 {
@Input()
my_obj11: Object;
change_obj(){
this.my_obj11['name'] = 'some other name';
}
}
@Component({
selector: 'child1',
template: `
<child11 [my_obj11]="my_obj1"></child11>
<div>This is child1: {{my_obj1['name']}}</div>
`,
changeDetection: ChangeDetectionStrategy.OnPush,
directives: [Child11]
})
export class Child1 {
@Input()
my_obj1: Object;
}
@Component({
selector: 'parent',
template: `
<div>
<child1 [my_obj1]="my_obj" ></child1>
This is my_obj in parent: {{my_obj['name']}}
</div>
`,
directives: [Child1]
})
export class App {
my_obj: Object = {'name': 'name1'};
}
Hier ist die Beziehung zwischen den Komponenten
istParent
|
Child1
|
Child11
Wir stellen fest, dass Child1 haben changeDetection: ChangeDetectionStrategy.OnPush
Der obige Code ganz einfach, parent ein Objekt zu child1 senden, sendet das exakt gleiche Objekt zu child11.
child11 dann aktualisieren, um die primitive des Objekts.
Wir sehen, dass beide parent und child1 ‚s Objekt selbst aktualisiert wird, obwohl child1changeDetection: ChangeDetectionStrategy.OnPush
habe ich changeDetection: ChangeDetectionStrategy.OnPush nur eine funktioniert Art und Weise zu raten bin: von oben nach unten.
Stimmt das?
Wenn dies der Fall ist, gibt es einen Grund dafür?