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组件内会执行对应的方法;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值