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

相关内容

热门资讯

德扑起手牌胜率图!德州辅助分析... 德扑起手牌胜率图!德州辅助分析软件(透视)一向是真的有挂(详细辅助揭秘教程)是一款可以让一直输的玩家...
透视透视!hhpoker万能辅... 透视透视!hhpoker万能辅助器(透视)详细辅助必胜教程(好像是有挂);1、打开软件启动之后找到中...
透视挂!wepoker私人局辅... 透视挂!wepoker私人局辅助(透视)竟然是有挂(详细辅助存在挂教程);wepoker私人局辅助软...
透视科技(wePOKE)德州p... 透视科技(wePOKE)德州poker外挂(透视)详细辅助黑科技教程是一款可以让一直输的玩家,快速成...
透视好友!wepoke确实有挂... 透视好友!wepoke确实有挂,wepoke辅助软件下载,详细透视实用技巧;1)wepoke确实有挂...
wepoke辅助有挂!鱼扑克f... wepoke辅助有挂!鱼扑克fishpoker俱乐部辅助(透视)原本真的是有挂(详细辅助黑科技教程)...
透视规律!aapoker透视插... 透视规律!aapoker透视插件(透视)详细辅助辅助教程(竟然是真的有挂);1、首先打开aapoke...
透视透视(WepOke)wep... 透视透视(WepOke)wepoke管理员(透视)详细辅助透明挂教程;1.wepoke管理员 ai辅...
透视计算!wepoker脚本下... 透视计算!wepoker脚本下载(透视)本然是真的有挂(详细辅助解密教程);支持2-10人实时对战,...
透视游戏!aapoker透明挂... 透视游戏!aapoker透明挂,wepoke最新下载地址,详细透视解密教程透视游戏!aapoker透...