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系统规律,攻略教程(从前真的是有挂);《WP...
黑科技中牌率!(WpK)透视辅... 黑科技中牌率!(WpK)透视辅助插件,(wPK)原来真的有挂,科技教程(有挂攻略);1.WpK ai...
红龙扑克机制!微扑克插件,微扑... 红龙扑克机制!微扑克插件,微扑克辅助器代码,黑科技教程(真是真的有挂)是由北京得微扑克辅助器代码黑科...
黑科技中牌率!(wPK)透视辅... 黑科技中牌率!(wPK)透视辅助app,(wpK)最初是有挂,新版2025教程(有挂攻略);wpK软...
黑科技新版!(WPK)透视辅助... 黑科技新版!(WPK)透视辅助器,(wpK)确实存在有挂,必赢教程(有挂方法);玩家必备必赢加哟《1...
wepoke辅助挂!微扑克插件... wepoke辅助挂!微扑克插件,聚星扑克进去后怎么操作,第三方教程(素来是真的有挂)是一款可以让一直...
wpk透视辅助合作!wpk德州... 1、wpk透视辅助合作!wpk德州辅助器,aapoker德州俱乐部,必赢方法(固有存在有挂);详细教...
黑科技辅助!(微扑克)透视辅助... 此外,数据分析德州(微扑克)辅助神器app还具备辅助透视行为开挂功能,通过对客户微扑克透明挂的深入研...
黑科技安装!(wPK)透视辅助... 1、黑科技安装!(wPK)透视辅助神器,(WPk)起初有挂,软件教程(有挂神器)。2、wPK透视辅助...
德州之星有辅助挂吗!微扑克发牌... 德州之星有辅助挂吗!微扑克发牌逻辑,菠萝德州偷偷看功能,黑科技教程(原先存在有挂),支持语音通讯、好...