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、...
透视透视!wejoker辅助脚... 透视透视!wejoker辅助脚本(透视)决战十水三辅助(其实存在有辅助平台)-哔哩哔哩亲,关键说明,...
最新消息!pokemmo辅助器... 最新消息!pokemmo辅助器手机版下载(透视)湖北逍遥卡五星辅助(切实真的有辅助平台)-哔哩哔哩1...
透视玄学!wejoker免费脚... 透视玄学!wejoker免费脚本(透视)悠闲游戏辅助(本来是有辅助app)-哔哩哔哩1、悠闲游戏辅助...
据相关数据显示!wpk透视辅助... 据相关数据显示!wpk透视辅助(透视)开心十三张有没有挂(原来存在有辅助平台)-哔哩哔哩运开心十三张...
此事备受玩家关注!werpla... 此事备受玩家关注!werplan怎么作必弊(透视)微信小程序微乐破解器(一直有辅助下载)-哔哩哔哩1...
今年以来!wepoker私局代... 今年以来!wepoker私局代打(透视)潮汕汇app透视软件(一直是真的辅助工具)-哔哩哔哩1、实时...
今日!wpk作必弊是真的吗(透... 今日!wpk作必弊是真的吗(透视)随意玩有没有辅助(切实真的是有辅助修改器)-哔哩哔哩1、进入到随意...
透视教程!wepoker辅助器... 透视教程!wepoker辅助器最新版本更新内容(透视)超级三加一辅助工具安装(其实有辅助工具)-哔哩...