Angular找到控件名称属于哪个嵌套组
创始人
2024-10-30 22:00:43
0

在Angular中,可以使用@ViewChild装饰器来获取对应的子组件或嵌套组件。以下是一个示例代码,演示如何找到控件名称属于哪个嵌套组:

在父组件中,首先使用@ViewChild装饰器来获取对应的子组件或嵌套组件的引用。然后,可以通过引用的nativeElement属性来访问DOM元素,并使用getAttribute方法获取控件的名称。最后,可以根据控件名称判断它属于哪个嵌套组。

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    
` }) export class ParentComponent { @ViewChild(ChildComponent) childComponent: ChildComponent; ngAfterViewInit() { const controlName = this.childComponent.controlName.nativeElement.getAttribute('name'); if (controlName === 'nestedGroup1') { console.log('Control belongs to nested group 1'); } else if (controlName === 'nestedGroup2') { console.log('Control belongs to nested group 2'); } else { console.log('Control does not belong to any nested group'); } } } @Component({ selector: 'app-child', template: `
` }) export class ChildComponent { @ViewChild('controlName') controlName: ElementRef; }

在上面的示例中,父组件ParentComponent使用@ViewChild装饰器获取了ChildComponent的引用。然后,在ngAfterViewInit生命周期钩子中,通过controlName.nativeElement.getAttribute('name')获取控件的名称,并根据名称判断它属于哪个嵌套组。

请注意,必须在ngAfterViewInit生命周期钩子中访问ViewChild引用,以确保子组件或嵌套组件已经初始化完毕。

相关内容

热门资讯

目前!wepoker看底牌,德... 目前!wepoker看底牌,德普之星透视辅助,一直存在有挂(有挂解惑);1、目前!wepoker看底...
玩家必备科普!微信老友广东辅助... 玩家必备科普!微信老友广东辅助器,朋友局app辅助器下载,详细攻略(有人有挂)1、微信老友广东辅助器...
相较于以往!wepoker透视... 相较于以往!wepoker透视脚本苹果版,如何下载德普之星辅助软件,切实是有挂(有挂方式)1、相较于...
一分钟带你了解!三哥玩辅助器免... 一分钟带你了解!三哥玩辅助器免费下载,微乐小程序辅助免费,详细脚本(有挂详细)1、三哥玩辅助器免费下...
玩家爆料!广西老友玩游戏辅助器... 玩家爆料!广西老友玩游戏辅助器,老友广东插件软件,详细脚本(有挂方式)1、每一步都需要思考,不同水平...
事发当天!wepoker代打辅... 事发当天!wepoker代打辅助,德扑之星透视软件免费入口官网,本来真的有挂(真的有挂);1、首先打...
实操分享!微信小程序游戏辅助,... 实操分享!微信小程序游戏辅助,都莱软件安装辅助,详细技巧(有挂分享)1、每一步都需要思考,不同水平的...
刚刚!wepoker插件下载,... 刚刚!wepoker插件下载,德扑之星辅助器怎么用,好像是有挂(证实有挂)德扑之星辅助器怎么用透视方...
最新消息!wpk透视插件,德普... 最新消息!wpk透视插件,德普之星的辅助工具介绍,都是真的有挂(确实有挂)1、让任何用户在无需德普之...
今日公布!竞技联盟辅助,丽水欢... 今日公布!竞技联盟辅助,丽水欢乐堂辅助插件,详细脚本(有挂方针)1、首先打开丽水欢乐堂辅助插件辅助器...