Angular MatTreeView的getElementsByClassName无法找到。
创始人
2024-10-20 06:00:40
0

在Angular MatTreeView中,getElementsByClassName方法无法直接使用。相反,可以使用Angular Material提供的MatTree控件的query方法来获取特定类名的元素。

以下是一个解决方法的示例代码:

HTML模板:


  
  
    
    
  • {{node.name}}
  • 在组件类中,可以通过ViewChild装饰器来获取MatTree控件,并使用query方法来获取特定类名的元素。

    组件代码:

    import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
    import { MatTree } from '@angular/material/tree';
    
    @Component({
      selector: 'app-my-tree',
      templateUrl: './my-tree.component.html',
      styleUrls: ['./my-tree.component.css']
    })
    export class MyTreeComponent implements AfterViewInit {
      @ViewChild('tree') tree: MatTree;
    
      ngAfterViewInit() {
        // get elements with specific class name
        const elementsWithClass = this.tree._elementRef.nativeElement
          .querySelectorAll('.example-tree-node-with-class');
        
        console.log(elementsWithClass);
      }
    }
    

    在上述代码中,通过ViewChild装饰器获取了MatTree控件的引用,并在ngAfterViewInit生命周期钩子中使用query方法来获取具有"example-tree-node-with-class"类的元素。最后,将这些元素打印到控制台供调试使用。

    请注意,这是一种基于Angular Material的解决方法。如果您使用的是其他的UI库或没有使用Angular Material的MatTree控件,可能需要使用不同的方法来获取特定类名的元素。

    相关内容

    热门资讯

    七分钟指南书!aapoker破... 七分钟指南书!aapoker破解侠是真的吗(透视)原来存在有辅助教程(哔哩哔哩)暗藏猫腻,小编详细说...
    第3分钟法门!智星德州插件(透... 第3分钟法门!智星德州插件(透视)好像真的有辅助辅助(哔哩哔哩)1、下载好智星德州插件脚本下载之后点...
    1分钟机巧!wepoker到底... 1分钟机巧!wepoker到底有没有透视(透视)果然是有辅助开挂(哔哩哔哩)1、下载好wepoker...
    7分钟学习!wepoker养号... 7分钟学习!wepoker养号规律(透视)总是有辅助辅助(哔哩哔哩)1)wepoker养号规律免费钻...
    三分钟秘籍!hhpoker是真... 三分钟秘籍!hhpoker是真的假的(透视)都是是有辅助脚本(哔哩哔哩)1、操作简单,无需hhpok...
    6分钟讲义!wepoker私局... 6分钟讲义!wepoker私局代打(透视)原来存在有辅助脚本(哔哩哔哩)1、全新机制【wepoker...
    五分钟学习!来玩app破解(透... 五分钟学习!来玩app破解(透视)一直是真的有辅助透视(哔哩哔哩)1、来玩app破解透视辅助软件激活...
    第7分钟举措!hhpoker是... 第7分钟举措!hhpoker是正规的吗(透视)都是是有辅助安装(哔哩哔哩)1、玩家可以在hhpoke...
    第1分钟策略!德普之星透视辅助... 第1分钟策略!德普之星透视辅助软件是真的吗(透视)总是真的有辅助脚本(哔哩哔哩)运德普之星透视辅助软...
    第一分钟积累!wpk真吗(透视... 第一分钟积累!wpk真吗(透视)都是真的是有辅助开挂(哔哩哔哩);小薇(辅助器软件下载)致您一封信;...