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类型。

相关内容

热门资讯

分享一款“小闲54辅助”原本有... 您好:这款小闲54辅助游戏是可以开挂的,确实是有挂的,很多玩家在这款小闲54辅助游戏中打牌都会发现很...
免费测试版“网易亲友圈辅助”原... >>您好:网易亲友圈辅助确实是有挂的,很多玩家在这款网易亲友圈辅助游戏中打牌都会发现很多用户的牌特别...
实测交流“wejoker透视方... 实测交流“wejoker透视方法”先前有辅助工具(有人有挂);打开点击测试直接进入微信(136704...
发现玩家“闲玩暗宝辅助软件”一... 发现玩家“闲玩暗宝辅助软件”一向有辅助开挂平台(揭秘有挂);无需打开直接搜索加薇136704302(...
透视好友房“吉祥填大坑游戏攻略... 透视好友房“吉祥填大坑游戏攻略”原先有辅助开挂工具(有挂辅助) 了解更多开挂安装加(13670430...
一秒答解“微信大厅辅助挂”从来... 一秒答解“微信大厅辅助挂”从来有开挂辅助安装(有挂分享);无需打开直接搜索薇:136704302 咨...
一分钟揭秘“衢州都莱辅助器是真... 一分钟揭秘“衢州都莱辅助器是真是假”先前有辅助开挂脚本(有挂辅助)1、下载安装好衢州都莱辅助器是真是...
科技新动态“新佛手在线辅助软件... 科技新动态“新佛手在线辅助软件”一向有开挂辅助器(有挂教学) 了解更多开挂安装加(136704302...
推荐攻略“上饶中至脚本修改”一... 您好:上饶中至脚本修改这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
终于懂了“中至上饶510k有没... 终于懂了“中至上饶510k有没有挂车”往昔有辅助挂(有挂讲解);无需打开直接搜索微信(1367043...