Angular的currentTarget访问属性
创始人
2024-10-24 02:31:40
0

在Angular中,可以使用@ViewChild装饰器来获取当前元素的引用,并通过.nativeElement属性来访问该元素的属性。

以下是一个示例代码:

import { Component, ElementRef, ViewChild } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    
  `
})
export class ExampleComponent {
  @ViewChild('myButton', { static: true }) myButton: ElementRef;

  handleClick(event: MouseEvent) {
    const target = event.currentTarget as HTMLButtonElement;
    console.log(target.textContent); // 输出:Click me

    // 使用ViewChild获取的元素引用
    const nativeElement = this.myButton.nativeElement as HTMLButtonElement;
    console.log(nativeElement.textContent); // 输出:Click me
  }
}

在上述代码中,我们使用@ViewChild装饰器来获取模板中的myButton元素的引用,并在handleClick方法中访问了currentTarget属性的值。另外,我们也通过this.myButton.nativeElement来访问myButton元素的属性。注意要进行类型断言,将其转换为HTMLButtonElement类型。

相关内容

热门资讯

黑科技辅助(wePOKE)黑科... 黑科技辅助(wePOKE)黑科技透明挂辅助技巧(透视)专业教程(真是是有挂)在进入wePOKE辅助挂...
黑科技攻略!(aa poker... 黑科技攻略!(aa poker)透明挂辅助工具,(AAPOkER)从来存在有挂,透明教程(有挂软件)...
黑科技免费(微扑克插件)外挂透... 黑科技免费(微扑克插件)外挂透视辅助神器(透视)解密教程(确实有挂)1、在微扑克插件ai机器人技巧中...
黑科技辅助!(WpK)透视辅助... 1、黑科技辅助!(WpK)透视辅助挂,(WpK)素来存在有挂,必备教程(有挂方法);详细教程。2、W...
黑科技规律(Wepoke)黑科... 黑科技规律(Wepoke)黑科技透明挂辅助助手(透视)存在挂教程(竟然存在有挂)1、游戏颠覆性的策略...
黑科技系统!(德州之星)外挂辅... 您好,德州之星这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游戏...
黑科技玄学(wpk德州扑克)外... 黑科技玄学(wpk德州扑克)外挂透视辅助安装(透视)微扑克教程(一直是有挂)wpk德州扑克是一种具有...
黑科技教学!(aaPoker)... 黑科技教学!(aaPoker)透明挂辅助安装,(AAPOker)切实有挂,扑克教程(有挂教程)是一款...
黑科技软件(传奇扑克)外挂辅助... 黑科技软件(传奇扑克)外挂辅助方法(透视)第三方教程(其实真的是有挂)1、完成传奇扑克透视辅助安装,...
辅助黑科技!(德州aa扑克)透... 1、辅助黑科技!(德州aa扑克)透明挂辅助app,(德州aapoker)都是是真的有挂,软件教程(有...