Angular 6: 添加后访问子组件
创始人
2024-10-16 06:00:28
0

在Angular 6中,可以通过以下步骤来添加子组件并访问它:

  1. 创建一个父组件和一个子组件。在这个示例中,父组件为parent.component.ts,子组件为child.component.ts
// parent.component.ts
import { Component, ViewChild } from '@angular/core';
import { ChildComponent } from './child.component';

@Component({
  selector: 'app-parent',
  template: `
    
    
  `
})
export class ParentComponent {
  @ViewChild(ChildComponent) childComponent: ChildComponent;

  addChild() {
    // 在这里添加子组件
  }

  ngAfterViewInit() {
    // 访问子组件
    console.log(this.childComponent);
  }
}
// child.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-child',
  template: '

Child Component

' }) export class ChildComponent { // 子组件的逻辑 }
  1. 在父组件中使用ViewChild装饰器来访问子组件。在父组件的模板中,使用添加子组件。

  2. 在父组件的ngAfterViewInit()方法中访问子组件。在这个生命周期钩子函数中,子组件已经被创建并可以访问。

  3. 可以在addChild()方法中添加更多的子组件,以满足需求。

这样,当父组件加载后,它将添加子组件并在ngAfterViewInit()中访问子组件。您可以在控制台中查看子组件对象,以确保它已被添加和访问。

相关内容

热门资讯

一起来讨论!hhpoker是正... 1、一起来讨论!hhpoker是正品吗,大菠萝免费辅助,wpk教程(有挂神器)。2、大菠萝免费辅助透...
推荐十款!aapoker发牌逻... 您好,佛手大菠萝有挂吗这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在...
玩家必看科普!wepoker买... 自定义wepoker买钻石有用吗系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅...
热点讨论!wepoker透视是... 热点讨论!wepoker透视是真的吗,wepoker手机版辅助,教你教程(有挂透视)1、点击下载安装...
我来教大家!wejoker黑侠... 我来教大家!wejoker黑侠辅助器,wepoker透视脚本免费使用视频,必赢方法(有挂透视);致您...
分享实测!菠萝辅助器免费版的特... 分享实测!菠萝辅助器免费版的特点,we-poker辅助软件教程,靠谱教程(有挂透视);原来确实真的有...
一分钟了解!德州透视是真的吗,... 1、一分钟了解!德州透视是真的吗,德普之星辅助工具如何设置,安装教程(有挂透视)2、进入游戏-大厅左...
玩家攻略推荐!约局吧能不能开挂... 玩家攻略推荐!约局吧能不能开挂,约局吧如何查看是否有挂,扑克教程(有挂神器);支持多人共享记分板与复...
记者揭秘!wepoker辅助分... 1、记者揭秘!wepoker辅助分析器,拱趴大菠萝有什么挂,科技教程(有挂技巧)。2、拱趴大菠萝有什...
今日焦点!拱趴大菠萝挂,xpo... 今日焦点!拱趴大菠萝挂,xpoker辅助工具,扑克教程(有挂辅助)是一款可以让一直输的玩家,快速成为...