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()期间调用该方法。注意,子组件必须在此期间正确加载才能使用此方法。

相关内容

热门资讯

详细一下!赣南好友辅助,边锋老... 详细一下!赣南好友辅助,边锋老友修改器,切实是真的有挂(哔哩哔哩)1、边锋老友修改器辅助软件下载优化...
科普一下!闲逸辅助器,樱花之盛... 科普一下!闲逸辅助器,樱花之盛挂,竟然真的有挂(哔哩哔哩)1、首先打开闲逸辅助器辅助器下载最新版本,...
开挂一下!新畅游互娱辅助,休闲... 开挂一下!新畅游互娱辅助,休闲九九破解版,其实是真的有挂(哔哩哔哩)1、用户打开应用后不用登录就可以...
专业一下!悟空大厅微信辅助,拱... 专业一下!悟空大厅微信辅助,拱趴大菠萝系统规律,好像存在有挂(哔哩哔哩)1、下载好拱趴大菠萝系统规律...
揭露一下!小闲川南宜宾辅助,山... 揭露一下!小闲川南宜宾辅助,山西扣点点辅助下载,都是真的是有挂(哔哩哔哩)该软件可以轻松地帮助玩家将...
关于一下!拱趴大菠萝辅助神器,... 关于一下!拱趴大菠萝辅助神器,逗好乐游辅助器,原来是有挂(哔哩哔哩)1、玩家可以在拱趴大菠萝辅助神器...
揭幕一下!雀神广东麻将必赢方法... 揭幕一下!雀神广东麻将必赢方法,电脑版海盗来了辅助,一贯存在有挂(哔哩哔哩)1、任何雀神广东麻将必赢...
有挂一下!闲来山水广西辅助,玉... 有挂一下!闲来山水广西辅助,玉海楼茶苑辅助器,好像是真的有挂(哔哩哔哩)1、这是跨平台的闲来山水广西...
开挂一下!途游手游辅助脚本平台... 开挂一下!途游手游辅助脚本平台,杭州都莱辅助软件有没有用,一贯有挂(哔哩哔哩)该软件可以轻松地帮助玩...
总结一下!乐易四川麻将辅助,丽... 总结一下!乐易四川麻将辅助,丽水都莱有辅助吗,其实真的有挂(哔哩哔哩);1、完成乐易四川麻将辅助有辅...