angular的一个子组件中的ngOnInit()方法被执行两次

2021-10-22  本文已影响0人  洪兴掌管一代

错误现象:

debug发现一个父组件调用子组件时(只调用一次),angular子组件中的生命周期函数ngOnInit()方法被调用两次,并且,第一次调用成功传入父组件数据,第二次调用传入的来自父组件的数据是undefined。

原因:

父组件调用处闭合标签写错,写成开标签,如图。

第二个标签缺少斜线

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

上一篇 下一篇

猜你喜欢

热点阅读