3

このプランカーを検討してください

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'};
}

コンポーネント間の関係は次のとおりです。

 Parent
   |
 Child1
   |
 Child11

私たちは持っていることに注意しChild1てくださいchangeDetection: ChangeDetectionStrategy.OnPush

上記のコードは非常に単純で、まったく同じオブジェクトを にparent送信するオブジェクトを送信します。child1child11

child11次に、オブジェクトのプリミティブを更新します。

parentとの両方child1のオブジェクトが更新されているchild1ことがわかります。changeDetection: ChangeDetectionStrategy.OnPush

私はchangeDetection: ChangeDetectionStrategy.OnPush、上から下の 1 つの方法でしか機能しないと推測しています。

本当?

もしそうなら、これには理由がありますか?

4

2 に答える 2