AngularElement发出的数字在到达JavaScript事件侦听器时会转换为字符串。
创始人
2024-10-24 17:00:57
0

使用自定义事件和自定义事件数据来解决此问题。在Angular Element中,使用EventEmitter来发出自定义事件。然后,将数字作为自定义事件数据发送。在JavaScript事件侦听器中,可以使用event.detail获取自定义事件的数据。

以下是示例代码:

在Angular Element中:

import { Component, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'my-element',
  template: `
    
  `
})
export class MyElementComponent {
  @Output() numberEmitted = new EventEmitter();

  emitNumber() {
    // Emit the number as a custom event data
    this.numberEmitted.emit(123);
  }
}

在JavaScript中:

const element = document.querySelector('my-element');
element.addEventListener('numberEmitted', event => {
  // Get the number from the custom event data
  const number = event.detail;
  console.log(typeof number); // "number"
});

在这个示例中,当用户点击Angular Element中的按钮时,将发出自定义事件“numberEmitted”,并发送数字“123”。JavaScript中的事件侦听器会捕获自定义事件,然后使用“event.detail”来获取发送的数字。因此,“typeof number”输出为“number”,而不是字符串。

相关内容

热门资讯

黑科技软件!智星德州菠萝辅助器... 1、黑科技软件!智星德州菠萝辅助器免费下载,wpk辅助挂,必赢方法(有挂详情)-哔哩哔哩;代表性(透...
黑科技私人局!来玩德州app苹... 1、黑科技私人局!来玩德州app苹果下载(辅助挂)都是存在有挂(有挂辅助挂)-哔哩哔哩。2、来玩德州...
黑科技脚本!aapoker辅助... 黑科技脚本!aapoker辅助工具存在吗,we辅助poker德之星,安装教程(有挂教程)-哔哩哔哩1...
黑科技实锤!传奇扑克辅助(ai... 黑科技实锤!传奇扑克辅助(ai代打)素来存在有挂(有挂口控制)-哔哩哔哩;最新版2024是一款经典耐...
黑科技私人局!wpk用什么辅助... 黑科技私人局!wpk用什么辅助器(黑科技)都是真的有挂(有挂苹果版本)-哔哩哔哩;大神普及一款德州a...
黑科技ai!aapoker辅助... 黑科技ai!aapoker辅助工具存在吗,wepoke透明黑科技,力荐教程(有挂总结)-哔哩哔哩1、...
黑科技神器!wepoke的确有... 黑科技神器!wepoke的确有挂,德扑之星软件,技巧教程(有挂辅助挂)-哔哩哔哩;致您一封信;亲爱w...
黑科技脚本!微扑克线上代打工具... 1、黑科技脚本!微扑克线上代打工具(ai辅助)果然是有挂(有挂实锤)-哔哩哔哩;详细教程。2、微扑克...
黑科技机器人!wepokeai... 您好,wpk透视辅助合作这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
黑科技玄学!哈糖大菠萝有外挂吗... 黑科技玄学!哈糖大菠萝有外挂吗(黑科技)往昔是有挂(有挂下载)-哔哩哔哩;玩家必备必赢加哟《1367...