角2双向组件绑定不调用父ngOnChange

Question

我创建了一个plunker这里：

http://plnkr.co/edit/8bwqkYQ6tqrpGwHT588y?p=preview

，显示问题。

基本上，我有2个组件。第一个组件具有属性与子组件的双向绑定。

我的父组件是：

import { Component, Input, Output, EventEmitter } from '@angular/core' 
import { ChildComponent } from "./childComponent" 

@Component({ 
    selector: 'parentComponent', 
    template: ` 
    <div> 
     <a href="#" (click)="selectedId = 0">Reset</a><br> 
     <div>Parent SelectedId: {{selectedId}}</div> 
     <childComponent [(selectedId)]="selectedId"></childComponent> 
    </div> 
    `, 
    directives: [ChildComponent] 
}) 

export class ParentComponent { 
    @Input() selectedId: number; 

    ngOnChanges(changes) { 
     console.log("Parent changes called!"); 
    } 
} 

和我的孩子组成：

import { Component, Input, Output, EventEmitter } from '@angular/core' 

@Component({ 
    selector: 'childComponent', 
    template: ` 
    <div> 
     <div>Child SelectedId: {{selectedId}}</div> 
    </div> 
    `, 
    directives: [] 
}) 

export class ChildComponent { 
    @Input() selectedId: number; 
    @Output() selectedIdChange: EventEmitter<number> = new EventEmitter<number>(); 

    constructor() { 
     setTimeout(() => { 
     this.selectedId = 100; 
     this.selectedIdChange.emit(this.selectedId); 
     }, 2000); 
    } 

    ngOnChanges(changes) { 
     console.log("Child changes called!"); 
    } 
} 

在孩子，我设置了超时2秒后编程改变selectedId的值，然后发出价值回到父母。

这一切的伟大工程，除了一件事......父的ngOnChange才会被调用一次。

我会认为父母非常想知道孩子是否已经改变了值，否则2路绑定的意义何在？

我在这里错过了什么？

Answer 1

只有当应用程序的selectedId发生更改时，才会调用父项的ngOnChange，因为这是ParentComponent的输入属性绑定的内容。

如果您希望父被通知在孩子所做的更改，绑定到xChange事件（其中x是输入属性的名称）–即分手的财产和事件绑定：

<childComponent [selectedId]="selectedId" (selectedIdChange)="changed($event)"></childComponent> 

changed(newValue) { 
    console.log('newValue', newValue); 
    this.selectedId = newValue; 
} 

Plunker