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、完成乐友有辅助插件,帮助玩家取得所有比赛...
总算明白!云烟休闲透视脚本软件... 总算明白!云烟休闲透视脚本软件,云烟休闲本来存在有透视有挂app1、下载好云烟休闲正确养号方法之后点...
我来分享!仁怀天天麻将辅助脚本... 我来分享!仁怀天天麻将辅助脚本软件,仁怀天天麻将其实有辅助解迷攻略1、仁怀天天麻将公共底牌简单,仁怀...
今日焦点!堆金城棋牌辅助脚本软... 今日焦点!堆金城棋牌辅助脚本软件,堆金城棋牌竟然是有辅助普及教程1、玩家可以在堆金城棋牌透视最简单三...
玩家攻略推荐!上海明星麻将辅助... 玩家攻略推荐!上海明星麻将辅助器脚本软件,上海明星麻将一贯有辅助器揭幕神器1、该软件可以轻松地帮助玩...
揭秘真相!panda透视脚本软... 揭秘真相!panda透视脚本软件,panda都是存在有透视解谜插件1、很好的工具软件,可以解锁游戏的...
总算明白!玩家国度辅助脚本软件... 您好,玩家国度这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款...
玩家必知教程!君子道透视挂脚本... 玩家必知教程!君子道透视挂脚本软件,君子道切实是真的有透视挂开挂攻略君子道脚本下载中分为三种模型:君...
玩家必看科普!郑州麻将透视挂脚... 玩家必看科普!郑州麻将透视挂脚本软件,郑州麻将一直存在有透视挂辅助工具1、这是跨平台的郑州麻将轻量版...
一分钟揭秘!亲友汇透视脚本软件... 您好,亲友汇这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款游...