Angular 2 two-way 组件绑定不调用 parent ngOnChange

Question

我在这里创建了一个 plunker:

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

这说明了问题。

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

我的 parent 组件是：

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!");
    }
}

和我的 child 组件：

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!");
    }
}

在 child 中，我设置了超时以在 2 秒后以编程方式更改 selectedId 的值，然后将该值发回 parent。

这一切都很好，除了一件事...... parent 的 ngOnChange 只被调用一次。

我认为 parent 非常想知道 child 是否更改了值，否则 2 方式绑定的意义何在？

我在这里错过了什么？

Answer 1

父组件的 ngOnChange 只有在 App 的 selectedId 发生变化时才会被调用，因为那是 ParentComponent 的输入属性绑定的内容。

如果您希望父级收到子级所做更改的通知，请绑定到 xChange 事件（其中 x 是输入属性的名称）——即，分解属性和事件绑定：

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

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

Plunker

Angular 2 two-way 组件绑定不调用 parent ngOnChange

Angular 2 two-way component binding doesn't call parent ngOnChange

data-binding

ngonchanges

angular