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

相关内容

热门资讯

盘点一款!钟祥麻将开挂脚本软件... 盘点一款!钟祥麻将开挂脚本软件,钟祥麻将确实真的是有开挂解密教程1)钟祥麻将有没有挂:进一步探索钟祥...
一分钟带你了解!天听之旅透视挂... 一分钟带你了解!天听之旅透视挂脚本软件,天听之旅果然是有透视挂辅助教程1、打开软件启动之后找到中间准...
玩家必看科普!天涯麻将辅助脚本... 玩家必看科普!天涯麻将辅助脚本软件,天涯麻将好像真的有辅助解迷技巧1、点击下载安装,天涯麻将脚本分类...
1.9分钟了解!TITWO辅助... 1.9分钟了解!TITWO辅助器脚本软件,TITWO竟然真的有辅助器推荐插件TITWO透视方法中分为...
发现一款!溜溜梅透视挂脚本软件... 发现一款!溜溜梅透视挂脚本软件,溜溜梅一直有透视挂科普脚本溜溜梅是不是有人用挂微扑克wpk插件教程:...
分辨真假!丫丫棋牌透视脚本软件... 分辨真假!丫丫棋牌透视脚本软件,丫丫棋牌果然真的有透视总结攻略丫丫棋牌透视方法中分为三种模型:丫丫棋...
专业讨论!四川麻将开挂脚本软件... 专业讨论!四川麻将开挂脚本软件,四川麻将果然是真的有开挂教你教程四川麻将辅助器是一种具有地方特色的麻...
玩家交流!麻友圈2挪来挪去辅助... 玩家交流!麻友圈2挪来挪去辅助脚本软件,麻友圈2挪来挪去果然有辅助揭露攻略1)麻友圈2挪来挪去免费钻...
重大科普!麻友圈2贵州捉鸡开挂... 重大科普!麻友圈2贵州捉鸡开挂脚本软件,麻友圈2贵州捉鸡果然是有开挂总结脚本1、下载好麻友圈2贵州捉...
科技介绍!来一盘河南麻将透视挂... 科技介绍!来一盘河南麻将透视挂脚本软件,来一盘河南麻将原来是真的有透视挂揭露软件1)来一盘河南麻将有...