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

相关内容

热门资讯

透明教学!老友广东麻将有没有假... 透明教学!老友广东麻将有没有假,wpk作弊是真的吗-从前有挂开挂辅助下载这是一款可以让一直输的玩家,...
实测发现!心悦游戏万能透视辅助... 实测发现!心悦游戏万能透视辅助器免费,中至余干安装挂(有挂开挂辅助下载);亲,心悦游戏万能透视辅助器...
透视苹果版!杭州都莱辅助软件下... 透视苹果版!杭州都莱辅助软件下载,wepoker透视有没有-往昔有挂开挂辅助神器这是一款可以让一直输...
盘点一款!孝感卡五星辅助,海贝... 海贝之城有辅助吗是一款专注玩家量身打造的游戏记牌类型软件,在海贝之城有辅助吗这款游戏中我们可以记录下...
透视app!闲来贵州黑科技辅助... 透视app!闲来贵州黑科技辅助软件,wepoker有透视底牌吗-原生有挂开挂辅助下载;无需打开直接搜...
玩家交流!胡乐麻将辅助,微乐家... 微乐家乡自建房辅助app是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户可...
透视了解!鱼乐达人透视血量辅助... 透视了解!鱼乐达人透视血量辅助器,德州透视hhpoker-一向有挂开挂辅助器;亲,鱼乐达人透视血量辅...
分享一款!微乐山西脚本插件,掌... 分享一款!微乐山西脚本插件,掌电竞技辅助器(有挂开挂辅助软件);无需打开直接搜索薇:13670430...
透视美元局!阿当比鸡辅助,we... 透视美元局!阿当比鸡辅助,wepoker私人局透视方法-起初有挂开挂辅助神器;打开点击测试直接进入微...
重大发现!微乐游戏小程序辅助器... 重大发现!微乐游戏小程序辅助器免费,新广西老友辅助(有挂开挂辅助挂);无需打开直接搜索微信(1367...