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

相关内容

热门资讯

重大通报“决战卡五星有辅助吗”... 重大通报“决战卡五星有辅助吗”固有有辅助脚本(确实有挂)1、下载安装好决战卡五星有辅助吗,进入游戏主...
透视科技“决战卡五星辅助源码”... 透视科技“决战卡五星辅助源码”最初有辅助平台(的确有挂) 了解更多开挂安装加(136704302)微...
透视透视“微信广东雀神挂件辅助... 微信广东雀神挂件辅助开挂教程视频分享装挂详细步骤在当今的网络游戏中,微信广东雀神挂件辅助作为一种经典...
透视软件“圣盛荆州晃晃三五七辅... 透视软件“圣盛荆州晃晃三五七辅助”原先有辅助神器(的确有挂);无需打开直接搜索打开薇:1367043...
推荐一款“随意玩家透视辅助”原... 推荐一款“随意玩家透视辅助”原本有辅助开挂工具(有挂工具)您好:随意玩家透视辅助这款游戏可以开挂,确...
每日必看教程“上品游戏破解”原... 您好:这款上品游戏破解游戏是可以开挂的,确实是有挂的,很多玩家在这款上品游戏破解游戏中打牌都会发现很...
我来向大家传授“pokerma... 您好:这款pokermaster破解版游戏是可以开挂的,确实是有挂的,很多玩家在这款pokermas...
我来教教大家“红龙poker辅... 红龙poker辅助平台是一款专注玩家量身打造的游戏记牌类型软件,在红龙poker辅助平台这款游戏中我...
热点讨论“佛手在线大菠萝为什么... 热点讨论“佛手在线大菠萝为什么都输”从来有开挂辅助插件(有挂存在);无需打开直接搜索打开薇:1367...
玩家必备教程“拱趴游戏辅助”一... 玩家必备教程“拱趴游戏辅助”一向有开挂辅助工具(有挂秘诀)这是一款可以让一直输的玩家,快速成为一个“...