angular的一个子组件中的ngOnInit()方法被执行两次
2021-10-22 本文已影响0人
洪兴掌管一代
错误现象:
debug发现一个父组件调用子组件时(只调用一次),angular子组件中的生命周期函数ngOnInit()方法被调用两次,并且,第一次调用成功传入父组件数据,第二次调用传入的来自父组件的数据是undefined。
原因:
父组件调用处闭合标签写错,写成开标签,如图。

所以浏览器认为做了两次调用,且第二次没有传入双向绑定的数据,导致子组件中的allCols等数据为空。