Angular 2触发ngOnChanges

时间:2018-01-11 18:54:16

标签: angular

我在Child组件中有一个输入字段。当on blur事件发生时,此输入的值通过eventEmmiter传递给AppComponent,并将新值设置为AppComponent的Key属性。由于Child组件的Key输入装饰器绑定到此属性,因此我期望在子组件中触发ngOnChanges挂钩,并将先前的值和当前值设置为段落。但它没有用。

Stackblitz: https://stackblitz.com/edit/angular-klhjdf?file=app%2Fchild.component.ts

1 个答案:

答案 0 :(得分:0)

您过早关闭了child代码:

<child 
  [key]="key"> <-------------------------------- here
  (triggerInputChanges)="handleKey($event)"
</child>

应该是

<child 
  [key]="key"
  (triggerInputChanges)="handleKey($event)">
                                          ^^^^
                                          here
</child>

<强> Stackblitz Example