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”,而不是字符串。

相关内容

热门资讯

第3分钟实锤!智星德州菠萝有挂... 第3分钟实锤!智星德州菠萝有挂吗(nzt德州)其实有挂(详细辅助科技教程)1、点击下载安装,智星德州...
第6分钟实锤!德扑之星有作弊(... 第6分钟实锤!德扑之星有作弊(nzt德州)真是存在有挂(详细辅助黑科技教程)进入游戏-大厅左侧-新手...
3分钟实锤!德州ai辅助有用(... 3分钟实锤!德州ai辅助有用(智星德州)都是真的是有挂(详细辅助2025新版技巧)1、打开软件启动之...
第4分钟实锤!德州之星插件(w... 第4分钟实锤!德州之星插件(wpk德州)本来真的有挂(详细辅助2025新版教程);所有人都在同一条线...
第3分钟实锤!智星德州菠萝辅助... 第3分钟实锤!智星德州菠萝辅助器(德州ai)确实存在有挂(详细辅助德州教程)智星德州菠萝辅助器辅助器...
3分钟实锤!德州ai辅助软件(... 3分钟实锤!德州ai辅助软件(来玩德州app)本来是有挂(详细辅助我来教教你)运德州ai辅助软件辅助...
第十分钟实锤!智星德州菠萝偷偷... 第十分钟实锤!智星德州菠萝偷偷看牌功能(线上德州)本来是真的有挂(详细辅助第三方教程)进入游戏-大厅...
9分钟实锤!智星德州菠萝(线上... 9分钟实锤!智星德州菠萝(线上德州)其实真的是有挂(详细辅助攻略方法);智星德州菠萝辅助器中分为三种...
第六分钟实锤!德扑之星有作弊(... 第六分钟实锤!德扑之星有作弊(德州wpk)好像是真的有挂(详细辅助透牌教程)1、下载好德扑之星有作弊...
第7分钟实锤!德州免费辅助神器... 第7分钟实锤!德州免费辅助神器app(nzt德州)总是存在有挂(详细辅助曝光教程)1、德州免费辅助神...