angular动态创建组件无法触发ngOnChanges解决办法

问题

A组件中动态创建了B组件,B组件拿到A组件传入的标识ID,然后需要执行初始化方法getInfoInit();
此方法只能在获取到id后才能执行,否则会报空处理;
A组件可以动态改变传入B的id,然后B需要执行方法刷新内容;

效果

首先动态创建组件可以通过动态创建组件的变量.instance属性,直接绑定输入的值,B组件通过Input获取,可以直接更改值,但是无法获取变更事件;例如:

A:
componentRef = 创建组件方法();
componentRef.instance.id = '123';
B:
@Input() id = '';

此时如果A更改了id的值,B组件的id其实已经发生改变,问题在于改变是框架默认行为,我们没法在改变的同时执行我们想要的操作,所以需要通过其他方法解决。

解决办法

直接在A组件内,通过创建的组件实例,调用B组件的方法,例如:
A:
component.instance.getInfoInit();
此时B组件内会执行对应的方法;

你可能感兴趣的:(angular)