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引用,以确保子组件或嵌套组件已经初始化完毕。

相关内容

热门资讯

有消息称!pokemmo内置修... 有消息称!pokemmo内置修改器,德普辅助器怎么用,确实确实有挂(证实有挂)德普辅助器怎么用能透视...
关于!wepoker看底牌,w... 关于!wepoker看底牌,wpk俱乐部怎么作弊,竟然真的有挂(存在有挂)破解侠是真的助透视。每个模...
据统计!aapoker透视插件... 您好,德扑之星辅助工具如何设置这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302...
来一盘!wpk插件辅助,佛手在... 来一盘!wpk插件辅助,佛手在线大菠萝技巧,一直存在有挂(今日头条)暗藏猫腻,小编详细说明破解器有用...
此事迅速冲上热搜!hhpoke... 此事迅速冲上热搜!hhpoker辅助器视频,德扑之星辅助工具如何设置,一贯是有挂(有挂工具)1、实时...
每日必看推荐!智星菠萝有挂吗,... 每日必看推荐!智星菠萝有挂吗,wpk辅助,果然有挂(有挂透明挂)1、完成辅助器v3.3的残局,帮助玩...
据公告内容!wepoker作弊... 据公告内容!wepoker作弊方法,德扑之星怎么设置埋牌,其实真的是有挂(有挂方式)一、德扑之星怎么...
我来分享!hhpoker到底可... 我来分享!hhpoker到底可以作弊码,wepoker底牌透视脚本,切实是有挂(详细教程)1)免费钻...
记者获悉!德州私人局怎么透视,... 记者获悉!德州私人局怎么透视,德普之星私人局透视,一直是真的有挂(有挂存在)1、下载好德普之星私人局...
避坑细节!pokemmo脚本辅... 避坑细节!pokemmo脚本辅助器下载,智星菠萝有挂吗,果然真的有挂(有挂秘笈)1、每一步都需要思考...