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

相关内容

热门资讯

外挂烘培!哈糖大菠萝能开挂吗,... 外挂烘培!哈糖大菠萝能开挂吗,pokermaster辅助器-本来一直都是有辅助插件(哔哩哔哩)1、起...
外挂手段!德州真人透视脚本,悦... 您好,德州真人透视脚本这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩...
外挂手册!德州真人透视脚本,p... 外挂手册!德州真人透视脚本,pokermaster破解版-好像存在有辅助技巧(哔哩哔哩)德州真人透视...
外挂资料!红龙poker辅助平... 外挂资料!红龙poker辅助平台,红龙poker有辅助吗-真是真的有辅助教程(哔哩哔哩)1、下载好红...
外挂模板!约局吧app有挂吗,... 外挂模板!约局吧app有挂吗,智星德州有脚本吗-原来一直总是有辅助软件(哔哩哔哩)智星德州有脚本吗辅...
外挂演示!佛手大菠萝辅助,德普... 外挂演示!佛手大菠萝辅助,德普之星透视辅助软件-总是一直总是有辅助软件(哔哩哔哩)1、打开软件启动之...
外挂积累!约局吧作必弊脚本,智... 外挂积累!约局吧作必弊脚本,智星德州插件-果然是真的有辅助攻略(哔哩哔哩)在进入约局吧作必弊脚本软件...
外挂指引!大菠萝789辅助器下... 外挂指引!大菠萝789辅助器下载,德州透视是真的吗-本来是真的有辅助神器(哔哩哔哩)1、很好的工具软...
外挂策略!德普之星透视辅助软件... 外挂策略!德普之星透视辅助软件激活码,德普之星透视辅助软件-真是是真的有辅助方法(哔哩哔哩)1、上手...
外挂机巧!哈糖大菠萝有没有挂,... 外挂机巧!哈糖大菠萝有没有挂,智星德州可以透视吗-确实存在有辅助app(哔哩哔哩)1、哈糖大菠萝有没...