订阅Vanilla Javascript中的ionic 3事件

Question

我想在发布离子事件时执行一些普通的JavaScript代码（在外部文件中）。 但是我不知道该怎么做。 我想要这样的东西。

打字稿

this.event.publish('TestEvent',{data:123});

的JavaScript

 document.addEventListener("TestEvent", function(data) {
            alert('TestEvent');
 });

Answer 1

我想您可以再次在document上触发事件：

TS：

this.event.publish('TestEvent', {data:123});

const event = new CustomEvent('TestEvent', {detail: {data: 123}});
document.dispatchEvent(event);

JS：

document.addEventListener('TestEvent', function (event) {
    alert('TestEvent');
    console.log(event.detail.data); // prints 123
});

有关MDN上的自定义事件的更多信息：