从另一个组件调用组件的ngOnInit可以通过以下步骤实现:
import { TargetComponent } from '组件路径';
@ViewChild('target', { static: true }) targetComponent: TargetComponent;
这将获取到目标组件的实例,并将其存储在targetComponent变量中。
ngOnInit() {
this.targetComponent.ngOnInit();
}
这样,当调用组件初始化时,它会调用目标组件的ngOnInit方法。
需要注意的是,上述代码中的"组件路径"应替换为目标组件的实际路径,"target"应替换为目标组件在调用组件模板中的选择器。
这种方法适用于在同一个父组件中调用子组件的情况,通过ViewChild装饰器获取目标组件的实例,并在ngOnInit中调用目标组件的ngOnInit方法。这样可以确保目标组件在调用组件初始化时也会被正确初始化。
实战低代码公开课直播专栏
云+社区沙龙online [腾讯云中间件]
云+社区沙龙online [国产数据库]
云+社区技术沙龙[第7期]
“WeCity未来城市”
“中小企业”在线学堂
云+社区技术沙龙[第1期]
高校公开课
领取专属 10元无门槛券
手把手带您无忧上云