在香草中訂閱ionic 3事件Javascript

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自定義事件：

https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent