Angular如何在父组件模板更改后从子组件调用方法?
创始人
2024-10-29 08:00:42
0次

1.创建一个Output()事件,在父组件上触发该事件,然后在子组件中监听该事件。

父组件模板:


父组件组件类:

export class ParentComponent {
  // 父组件逻辑...

  onTemplateChange() {
    // 在模板更改后执行操作
  }
}

子组件组件类:

export class ChildComponent {
  @Output() templateChanged = new EventEmitter();

  ngAfterViewInit() {
    this.templateChanged.emit();
  }
}

当子组件的视图加载完成后,它会触发父组件上的Output()事件,父组件会收到该事件并执行其句柄中的方法。

2.使用ViewChild()获取子组件引用,并在父组件的AfterViewInit()生命周期中调用该方法。

父组件组件类:

import {AfterViewInit, Component, ViewChild} from '@angular/core';
import {ChildComponent} from './child.component';

export class ParentComponent implements AfterViewInit {
  @ViewChild(ChildComponent) childComponent: ChildComponent;

  ngAfterViewInit() {
    this.childComponent.callMethod();
  }
}

子组件组件类:

export class ChildComponent {
  callMethod() {
    // 子组件中调用的方法
  }
}

在父组件的生命周期中,使用ViewChild()获取子组件的引用,并在AfterViewInit()期间调用该方法。注意,子组件必须在此期间正确加载才能使用此方法。

相关内容

热门资讯

最新技巧辅助器!新星晨娱乐ai... 最新技巧辅助器!新星晨娱乐ai智能辅助器教程,新星晨娱乐有挂透视吗攻略(一直有挂技术)1、最新技巧辅...
查到实测透视挂!微友约局ai智... 查到实测透视挂!微友约局ai智能透视挂app,微友约局透视挂件手册(真是发现有挂)1、不需要AI权限...
一分钟了解透视!八福娱乐ai智... 一分钟了解透视!八福娱乐ai智能透视方法,八福娱乐透视开挂学习(本来发现有挂)1、八福娱乐免费脚本咨...
更值得关注的是辅助挂!授权大厅... 更值得关注的是辅助挂!授权大厅ai智能辅助挂技巧,授权大厅外卦神器软件项目(都是有挂解密)1、起透看...
玩家必看教程辅助挂!王者互娱a... 玩家必看教程辅助挂!王者互娱ai智能辅助挂软件,王者互娱透视挂手段(本来发现有挂)1、首先打开王者互...
避坑细节透视!新漫游ai智能透... 避坑细节透视!新漫游ai智能透视软件,新漫游怎么开挂策略(原来发现有挂)1、下载好新漫游脚本下载之后...
有消息称开挂!烛龙ai智能开挂... 有消息称开挂!烛龙ai智能开挂攻略,烛龙有挂透视吗手册(原来存在有挂)小薇(辅助器软件下载)致您一封...
针对辅助器!新将军ai智能辅助... 针对辅助器!新将军ai智能辅助器技巧,新将军透视脚本方式(好像有挂辅助)1、玩家可以在新将军透视最简...
玩家必备科普透视!金八路大厅a... 玩家必备科普透视!金八路大厅ai智能透视方法,金八路大厅透视挂讲义(果然有挂技术)1)金八路大厅辅助...
据悉辅助器!玄灵大厅ai智能辅... 据悉辅助器!玄灵大厅ai智能辅助器脚本,玄灵大厅辅助工具方案(总是了解有挂)1、进入游戏-大厅左侧-...