angular2生命周期钩子之ngOnChanges

简述

最近在项目中碰到一个这样的问题，父组件从后台接口获取数据，子组件@Input变量是父组件从后台获取的数据中的一个数据 ，由于子组件在渲染的时候，父组件的数据还没有获取到，导致在子组件中依赖这个@Input变量的变量和方法出错。

解决方法

• 1、在子组件中导入如下图红箭头所示

child.ts

• 2、如下图红箭头所指改为OnChanges

child.ts

• 3、ngOnChanges方法里面写原本你想放入ngOnInit方法中的东西

child.ts

通过以上这三步，你会发现原来出现的问题都很轻松的解决了。