Angular 2 触发 ngOnChanges

Question

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

堆栈闪电战： https://stackblitz.com/edit/angular-klhjdf?file=app%2Fchild.component.ts

Answer 1

你关闭child标签太早了：

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

应该是

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

Stackblitz Example